/*! 
 * OverlayScrollbars
 * Version: 2.3.2
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */

.os-size-observer,
.os-size-observer-listener {
    box-sizing: border-box;
    direction: inherit;
    overflow: hidden;
    pointer-events: none;
    scroll-behavior: auto !important;
    visibility: hidden
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
    left: 0;
    position: absolute;
    top: 0;
    writing-mode: horizontal-tb
}

.os-size-observer {
    border: inherit;
    bottom: 0;
    box-sizing: inherit;
    contain: strict;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    left: 0;
    margin: -133px;
    padding: inherit;
    right: 0;
    top: 0;
    transform: scale(.1);
    z-index: -1
}

.os-size-observer:before {
    box-sizing: inherit;
    content: "";
    flex: none;
    height: 10px;
    padding: 10px;
    width: 10px
}

.os-size-observer-appear {
    animation: os-size-observer-appear-animation 1ms forwards
}

.os-size-observer-listener {
    border: inherit;
    box-sizing: border-box;
    flex: auto;
    margin: -133px;
    padding: inherit;
    position: relative;
    transform: scale(10)
}

.os-size-observer-listener.ltr {
    margin-left: 0;
    margin-right: -266px
}

.os-size-observer-listener.rtl {
    margin-left: -266px;
    margin-right: 0
}

.os-size-observer-listener:empty:before {
    content: "";
    height: 100%;
    width: 100%
}

.os-size-observer-listener:empty:before,
.os-size-observer-listener>.os-size-observer-listener-item {
    border: inherit;
    box-sizing: content-box;
    display: block;
    flex: auto;
    padding: inherit;
    position: relative
}

.os-size-observer-listener-scroll {
    box-sizing: border-box;
    display: flex
}

.os-size-observer-listener-item {
    bottom: 0;
    direction: ltr;
    flex: none;
    overflow: hidden;
    right: 0
}

.os-size-observer-listener-item-final {
    transition: none
}

@keyframes os-size-observer-appear-animation {
    0% {
        cursor: auto
    }
    to {
        cursor: none
    }
}

.os-trinsic-observer {
    border: none;
    box-sizing: border-box;
    contain: strict;
    flex: none;
    height: 0;
    margin: 0;
    max-height: 1px;
    max-width: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: calc(100% + 1px);
    z-index: -1
}

.os-trinsic-observer:not(:empty) {
    height: calc(100% + 1px);
    top: -1px
}

.os-trinsic-observer:not(:empty)>.os-size-observer {
    height: 1000%;
    min-height: 1px;
    min-width: 1px;
    width: 1000%
}

.os-environment {
    --os-custom-prop: -1;
    height: 200px;
    opacity: 0;
    overflow: scroll;
    position: fixed;
    scroll-behavior: auto !important;
    visibility: hidden;
    width: 200px;
    z-index: var(--os-custom-prop)
}

.os-environment div {
    height: 200%;
    margin: 10px 0;
    width: 200%
}

.os-environment.os-environment-flexbox-glue {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
    min-height: 200px;
    min-width: 200px;
    width: auto
}

.os-environment.os-environment-flexbox-glue div {
    flex: auto;
    height: auto;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.os-environment.os-environment-flexbox-glue-max {
    max-height: 200px
}

.os-environment.os-environment-flexbox-glue-max div {
    overflow: visible
}

.os-environment.os-environment-flexbox-glue-max div:before {
    content: "";
    display: block;
    height: 999px;
    width: 999px
}

.os-environment,
[data-overlayscrollbars-viewport] {
    -ms-overflow-style: scrollbar !important
}

.os-scrollbar-hidden.os-environment,
[data-overlayscrollbars-initialize],
[data-overlayscrollbars-viewport~=scrollbarHidden],
[data-overlayscrollbars~=scrollbarHidden] {
    scrollbar-width: none !important
}

.os-scrollbar-hidden.os-environment::-webkit-scrollbar,
.os-scrollbar-hidden.os-environment::-webkit-scrollbar-corner,
[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: none !important;
    height: 0 !important;
    width: 0 !important
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
    overflow: auto
}

html.os-scrollbar-hidden,
html.os-scrollbar-hidden>body,
html[data-overlayscrollbars] {
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    width: 100%
}

html[data-overlayscrollbars]>body {
    overflow: visible
}

[data-overlayscrollbars~=host] {
    position: relative
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars~=host] {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap !important
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
    border: none;
    box-sizing: inherit;
    flex: auto !important;
    height: auto;
    margin: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0
}

[data-overlayscrollbars-viewport] {
    --os-vaw: 0;
    --os-vah: 0
}

[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before {
    content: "";
    height: var(--os-vah);
    min-height: 1px;
    min-width: 1px;
    pointer-events: none;
    position: absolute;
    width: var(--os-vaw);
    z-index: -1
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport],
[data-overlayscrollbars~=host],
[data-overlayscrollbars~=viewport] {
    overflow: hidden
}

[data-overlayscrollbars-padding~=overflowVisible],
[data-overlayscrollbars-viewport~=overflowVisible],
[data-overlayscrollbars~=overflowVisible] {
    overflow: visible
}

[data-overlayscrollbars-overflow-x=hidden] {
    overflow-x: hidden
}

[data-overlayscrollbars-overflow-x=scroll] {
    overflow-x: scroll
}

[data-overlayscrollbars-overflow-x=hidden] {
    overflow-y: hidden
}

[data-overlayscrollbars-overflow-y=scroll] {
    overflow-y: scroll
}

[data-overlayscrollbars~=scrollbarPressed],
[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport] {
    scroll-behavior: auto !important
}

[data-overlayscrollbars-content] {
    box-sizing: inherit
}

[data-overlayscrollbars-contents]:not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
    display: contents
}

[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
    display: grid;
    grid-template: 1fr/1fr
}

[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],
[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport] {
    height: auto !important;
    width: auto !important
}

.os-scrollbar {
    contain: size layout;
    contain: size layout style;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .15s, visibility .15s, top .15s, right .15s, bottom .15s, left .15s;
    visibility: hidden
}

body>.os-scrollbar {
    position: fixed;
    z-index: 99999
}

.os-scrollbar-transitionless {
    transition: none
}

.os-scrollbar-track {
    border: none !important;
    direction: ltr !important;
    padding: 0 !important;
    position: relative
}

.os-scrollbar-handle {
    position: absolute
}

.os-scrollbar-handle,
.os-scrollbar-track {
    height: 100%;
    pointer-events: none;
    width: 100%
}

.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,
.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track {
    pointer-events: auto;
    touch-action: none
}

.os-scrollbar-horizontal {
    bottom: 0;
    left: 0
}

.os-scrollbar-vertical {
    right: 0;
    top: 0
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
    right: 0
}

.os-scrollbar-rtl.os-scrollbar-vertical {
    left: 0;
    right: auto
}

.os-scrollbar-interaction.os-scrollbar-visible,
.os-scrollbar-visible {
    opacity: 1;
    visibility: visible
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
    opacity: 0;
    visibility: hidden
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
    pointer-events: none !important
}

.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important
}

.os-scrollbar-horizontal .os-scrollbar-handle {
    bottom: 0
}

.os-scrollbar-vertical .os-scrollbar-handle {
    right: 0
}

.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
    left: 0;
    right: auto
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
    left: 0;
    right: 0
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
    bottom: 0;
    top: 0
}

.os-scrollbar {
    --os-size: 0;
    --os-padding-perpendicular: 0;
    --os-padding-axis: 0;
    --os-track-border-radius: 0;
    --os-track-bg: none;
    --os-track-bg-hover: none;
    --os-track-bg-active: none;
    --os-track-border: none;
    --os-track-border-hover: none;
    --os-track-border-active: none;
    --os-handle-border-radius: 0;
    --os-handle-bg: none;
    --os-handle-bg-hover: none;
    --os-handle-bg-active: none;
    --os-handle-border: none;
    --os-handle-border-hover: none;
    --os-handle-border-active: none;
    --os-handle-min-size: 33px;
    --os-handle-max-size: none;
    --os-handle-perpendicular-size: 100%;
    --os-handle-perpendicular-size-hover: 100%;
    --os-handle-perpendicular-size-active: 100%;
    --os-handle-interactive-area-offset: 0
}

.os-scrollbar .os-scrollbar-track {
    background: var(--os-track-bg);
    border: var(--os-track-border);
    border-radius: var(--os-track-border-radius);
    transition: opacity .15s, background-color .15s, border-color .15s
}

.os-scrollbar .os-scrollbar-track:hover {
    background: var(--os-track-bg-hover);
    border: var(--os-track-border-hover)
}

.os-scrollbar .os-scrollbar-track:active {
    background: var(--os-track-bg-active);
    border: var(--os-track-border-active)
}

.os-scrollbar .os-scrollbar-handle {
    background: var(--os-handle-bg);
    border: var(--os-handle-border);
    border-radius: var(--os-handle-border-radius)
}

.os-scrollbar .os-scrollbar-handle:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.os-scrollbar .os-scrollbar-handle:hover {
    background: var(--os-handle-bg-hover);
    border: var(--os-handle-border-hover)
}

.os-scrollbar .os-scrollbar-handle:active {
    background: var(--os-handle-bg-active);
    border: var(--os-handle-border-active)
}

.os-scrollbar-horizontal {
    height: var(--os-size);
    padding: var(--os-padding-perpendicular) var(--os-padding-axis);
    right: var(--os-size)
}

.os-scrollbar-horizontal.os-scrollbar-rtl {
    left: var(--os-size);
    right: 0
}

.os-scrollbar-horizontal .os-scrollbar-handle {
    height: var(--os-handle-perpendicular-size);
    max-width: var(--os-handle-max-size);
    min-width: var(--os-handle-min-size);
    transition: opacity .15s, background-color .15s, border-color .15s, height .15s
}

.os-scrollbar-horizontal .os-scrollbar-handle:before {
    bottom: calc(var(--os-padding-perpendicular)*-1);
    top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)
}

.os-scrollbar-horizontal:hover .os-scrollbar-handle {
    height: var(--os-handle-perpendicular-size-hover)
}

.os-scrollbar-horizontal:active .os-scrollbar-handle {
    height: var(--os-handle-perpendicular-size-active)
}

.os-scrollbar-vertical {
    bottom: var(--os-size);
    padding: var(--os-padding-axis) var(--os-padding-perpendicular);
    width: var(--os-size)
}

.os-scrollbar-vertical .os-scrollbar-handle {
    max-height: var(--os-handle-max-size);
    min-height: var(--os-handle-min-size);
    transition: opacity .15s, background-color .15s, border-color .15s, width .15s;
    width: var(--os-handle-perpendicular-size)
}

.os-scrollbar-vertical .os-scrollbar-handle:before {
    left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);
    right: calc(var(--os-padding-perpendicular)*-1)
}

.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
    left: calc(var(--os-padding-perpendicular)*-1);
    right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)
}

.os-scrollbar-vertical:hover .os-scrollbar-handle {
    width: var(--os-handle-perpendicular-size-hover)
}

.os-scrollbar-vertical:active .os-scrollbar-handle {
    width: var(--os-handle-perpendicular-size-active)
}

.os-theme-none.os-scrollbar,
[data-overlayscrollbars~=updating]>.os-scrollbar {
    display: none !important
}

.os-theme-dark,
.os-theme-light {
    --os-size: 10px;
    --os-padding-perpendicular: 2px;
    --os-padding-axis: 2px;
    --os-track-border-radius: 10px;
    --os-handle-interactive-area-offset: 4px;
    --os-handle-border-radius: 10px;
    box-sizing: border-box
}

.os-theme-dark {
    --os-handle-bg: rgba(0, 0, 0, .44);
    --os-handle-bg-hover: rgba(0, 0, 0, .55);
    --os-handle-bg-active: rgba(0, 0, 0, .66)
}

.os-theme-light {
    --os-handle-bg: hsla(0, 0%, 100%, .44);
    --os-handle-bg-hover: hsla(0, 0%, 100%, .55);
    --os-handle-bg-active: hsla(0, 0%, 100%, .66)
}

.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle,
.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-track,
.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle,
.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-track {
    border-radius: 10px
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal,
.os-no-css-vars.os-theme-light.os-scrollbar-horizontal {
    height: 10px;
    padding: 2px;
    right: 10px
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl,
.os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl {
    left: 10px;
    right: 0
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle,
.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle {
    max-width: none;
    min-width: 33px
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before {
    bottom: -2px;
    top: -6px
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical,
.os-no-css-vars.os-theme-light.os-scrollbar-vertical {
    bottom: 10px;
    padding: 2px;
    width: 10px
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle,
.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle {
    max-height: none;
    min-height: 33px
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before,
.os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
    left: -2px;
    right: -6px
}

.os-no-css-vars.os-theme-dark .os-scrollbar-handle {
    background: rgba(0, 0, 0, .44)
}

.os-no-css-vars.os-theme-dark:hover .os-scrollbar-handle {
    background: rgba(0, 0, 0, .55)
}

.os-no-css-vars.os-theme-dark:active .os-scrollbar-handle {
    background: rgba(0, 0, 0, .66)
}

.os-no-css-vars.os-theme-light .os-scrollbar-handle {
    background: hsla(0, 0%, 100%, .44)
}

.os-no-css-vars.os-theme-light:hover .os-scrollbar-handle {
    background: hsla(0, 0%, 100%, .55)
}

.os-no-css-vars.os-theme-light:active .os-scrollbar-handle {
    background: hsla(0, 0%, 100%, .66)
}

@charset "UTF-8";
/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

#mainMenu .social-links a,
.image-link,
footer.main-footer .our-partners .partners a,
footer.main-footer .socials .social-links a {
    display: inline-block;
    text-decoration: none !important
}

#checkoutForm [data-form-step=delivery] .show-stores,
#eventForm [data-form-step=delivery] .show-stores,
#experienceFormModal [data-form-step=delivery] .show-stores,
#list .store .info a,
#parkPlaceDetails .info a,
#storeDetails .info a,
.container-catalog .categories .types a,
footer.main-footer .menu ul li a,
header.main-header .marquee-strip .marquee-text a,
header.main-header .section-menu-item a,
main[role=main].page-login-register .menu a,
section.last-activities>.container>.more a {
    outline: none;
    position: relative;
    text-decoration: none
}

#checkoutForm [data-form-step=delivery] .show-stores:after,
#eventForm [data-form-step=delivery] .show-stores:after,
#experienceFormModal [data-form-step=delivery] .show-stores:after,
#list .store .info a:after,
#parkPlaceDetails .info a:after,
#storeDetails .info a:after,
.container-catalog .categories .types a:after,
footer.main-footer .menu ul li a:after,
header.main-header .marquee-strip .marquee-text a:after,
header.main-header .section-menu-item a:after,
main[role=main].page-login-register .menu a:after,
section.last-activities>.container>.more a:after {
    background-color: #fff;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translateX(-50%);
    transition-duration: .25s;
    transition-property: width, opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 0
}

#checkoutForm [data-form-step=delivery] .show-stores:focus-visible:after,
#eventForm [data-form-step=delivery] .show-stores:focus-visible:after,
#experienceFormModal [data-form-step=delivery] .show-stores:focus-visible:after,
#list .store .info a:focus-visible:after,
#parkPlaceDetails .info a:focus-visible:after,
#storeDetails .info a:focus-visible:after,
.container-catalog .categories .types a:focus-visible:after,
footer.main-footer .menu ul li a:focus-visible:after,
header.main-header .marquee-strip .marquee-text a:focus-visible:after,
header.main-header .section-menu-item a:focus-visible:after,
main[role=main].page-login-register .menu a:focus-visible:after,
section.last-activities>.container>.more a:focus-visible:after {
    opacity: 1;
    width: calc(100% - 2px)
}

#checkoutForm [data-form-step=delivery] .show-stores:active:after,
#eventForm [data-form-step=delivery] .show-stores:active:after,
#experienceFormModal [data-form-step=delivery] .show-stores:active:after,
#list .store .info a:active:after,
#parkPlaceDetails .info a:active:after,
#storeDetails .info a:active:after,
.container-catalog .categories .types a:active:after,
footer.main-footer .menu ul li a:active:after,
header.main-header .marquee-strip .marquee-text a:active:after,
header.main-header .section-menu-item a:active:after,
main[role=main].page-login-register .menu a:active:after,
section.last-activities>.container>.more a:active:after {
    opacity: 1;
    width: calc(100% - 2px)
}

@media (hover:hover) {
    #checkoutForm [data-form-step=delivery] .show-stores:hover:after,
    #eventForm [data-form-step=delivery] .show-stores:hover:after,
    #experienceFormModal [data-form-step=delivery] .show-stores:hover:after,
    #list .store .info a:hover:after,
    #parkPlaceDetails .info a:hover:after,
    #storeDetails .info a:hover:after,
    .container-catalog .categories .types a:hover:after,
    footer.main-footer .menu ul li a:hover:after,
    header.main-header .marquee-strip .marquee-text a:hover:after,
    header.main-header .section-menu-item a:hover:after,
    main[role=main].page-login-register .menu a:hover:after,
    section.last-activities>.container>.more a:hover:after {
        opacity: 1;
        width: calc(100% - 2px)
    }
}

:root,
[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #009641;
    --bs-secondary: #fff;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 0, 150, 65;
    --bs-secondary-rgb: 255, 255, 255;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #003c1a;
    --bs-secondary-text-emphasis: #666;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #ccead9;
    --bs-secondary-bg-subtle: #fff;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #99d5b3;
    --bs-secondary-border-subtle: #fff;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: commuters-sans, sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.4;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, .75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, .5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #fff;
    --bs-link-color-rgb: 255, 255, 255;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #ccc;
    --bs-link-hover-color-rgb: 204, 204, 204;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-xl: 0;
    --bs-border-radius-xxl: 0;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 0;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-focus-ring-width: 0;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(0, 150, 65, .25);
    --bs-form-valid-color: #5b28a1;
    --bs-form-valid-border-color: #5b28a1;
    --bs-form-invalid-color: #e2241c;
    --bs-form-invalid-border-color: #e2241c
}

[data-bs-theme=dark] {
    --bs-body-color: #fff;
    --bs-body-color-rgb: 255, 255, 255;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: hsla(0, 0%, 100%, .75);
    --bs-secondary-color-rgb: 255, 255, 255;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: hsla(0, 0%, 100%, .5);
    --bs-tertiary-color-rgb: 255, 255, 255;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #66c08d;
    --bs-secondary-text-emphasis: #fff;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #001e0d;
    --bs-secondary-bg-subtle: #333;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #005a27;
    --bs-secondary-border-subtle: #999;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #66c08d;
    --bs-link-hover-color: #85cda4;
    --bs-link-color-rgb: 102, 192, 141;
    --bs-link-hover-color-rgb: 133, 205, 164;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #fff;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #fff;
    --bs-border-color-translucent: #fff;
    --bs-form-valid-color: #5b28a1;
    --bs-form-valid-border-color: #5b28a1;
    --bs-form-invalid-color: #e2241c;
    --bs-form-invalid-border-color: #e2241c;
    color-scheme: dark
}

*,
:after,
:before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    margin: 0;
    text-align: var(--bs-body-text-align)
}

hr {
    border: 0;
    border-top: var(--bs-border-width) solid;
    color: inherit;
    margin: 1rem 0;
    opacity: .25
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--bs-heading-color);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

.h1,
h1 {
    font-size: calc(1.425rem + 2.1vw)
}

@media (min-width:1200px) {
    .h1,
    h1 {
        font-size: 3rem
    }
}

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
    .h2,
    h2 {
        font-size: 2rem
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {
    .h3,
    h3 {
        font-size: 1.75rem
    }
}

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
    .h4,
    h4 {
        font-size: 1.5rem
    }
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

abbr[title] {
    cursor: help;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

.small,
small {
    font-size: .875em
}

.mark,
mark {
    background-color: var(--bs-highlight-bg);
    color: var(--bs-highlight-color);
    padding: .1875em
}

sub,
sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}

code {
    word-wrap: break-word;
    color: var(--bs-code-color);
    font-size: .875em
}

a>code {
    color: inherit
}

kbd {
    background-color: var(--bs-body-color);
    border-radius: 0;
    color: var(--bs-body-bg);
    font-size: .875em;
    padding: .1875rem .375rem
}

kbd kbd {
    font-size: 1em;
    padding: 0
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    border-collapse: collapse;
    caption-side: bottom
}

caption {
    color: var(--bs-secondary-color);
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

textarea {
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    float: left;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
    margin-bottom: .5rem;
    padding: 0;
    width: 100%
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    -webkit-appearance: button;
    font: inherit
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    cursor: pointer;
    display: list-item
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1rem;
    font-weight: 400
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-inline,
.list-unstyled {
    list-style: none;
    padding-left: 0
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    font-size: 1.25rem;
    margin-bottom: 1rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    color: #6c757d;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: -1rem
}

.blockquote-footer:before {
    content: "— "
}

.img-fluid,
.img-thumbnail {
    height: auto;
    max-width: 100%
}

.img-thumbnail {
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    padding: .25rem
}

.figure {
    display: inline-block
}

.figure-img {
    line-height: 1;
    margin-bottom: .5rem
}

.figure-caption {
    color: var(--bs-secondary-color);
    font-size: .875em
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl,
.container-xxxl {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1500px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1440px
    }
}

@media (min-width:2000px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl,
    .container-xxxl {
        max-width: 1920px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1500px;
    --bs-breakpoint-xxxl: 2000px
}

.row {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)*-.5);
    margin-right: calc(var(--bs-gutter-x)*-.5);
    margin-top: calc(var(--bs-gutter-y)*-1)
}

.row>* {
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }
    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333333%
    }
    .offset-sm-2 {
        margin-left: 16.66666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333333%
    }
    .offset-sm-5 {
        margin-left: 41.66666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333333%
    }
    .offset-sm-8 {
        margin-left: 66.66666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333333%
    }
    .offset-sm-11 {
        margin-left: 91.66666667%
    }
    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }
    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }
    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }
    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }
    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }
    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }
    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333333%
    }
    .offset-md-2 {
        margin-left: 16.66666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333333%
    }
    .offset-md-5 {
        margin-left: 41.66666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333333%
    }
    .offset-md-8 {
        margin-left: 66.66666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333333%
    }
    .offset-md-11 {
        margin-left: 91.66666667%
    }
    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }
    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }
    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }
    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }
    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }
    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }
    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333333%
    }
    .offset-lg-2 {
        margin-left: 16.66666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333333%
    }
    .offset-lg-5 {
        margin-left: 41.66666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333333%
    }
    .offset-lg-8 {
        margin-left: 66.66666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333333%
    }
    .offset-lg-11 {
        margin-left: 91.66666667%
    }
    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }
    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }
    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }
    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }
    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }
    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }
    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333333%
    }
    .offset-xl-2 {
        margin-left: 16.66666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333333%
    }
    .offset-xl-5 {
        margin-left: 41.66666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333333%
    }
    .offset-xl-8 {
        margin-left: 66.66666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333333%
    }
    .offset-xl-11 {
        margin-left: 91.66666667%
    }
    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }
    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }
    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1500px) {
    .col-xxl {
        flex: 1 0 0%
    }
    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:2000px) {
    .col-xxxl {
        flex: 1 0 0%
    }
    .row-cols-xxxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xxxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xxxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xxxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-xxxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xxxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xxxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xxxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xxxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xxxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xxxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xxxl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xxxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xxxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xxxl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xxxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xxxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xxxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xxxl-0 {
        margin-left: 0
    }
    .offset-xxxl-1 {
        margin-left: 8.33333333%
    }
    .offset-xxxl-2 {
        margin-left: 16.66666667%
    }
    .offset-xxxl-3 {
        margin-left: 25%
    }
    .offset-xxxl-4 {
        margin-left: 33.33333333%
    }
    .offset-xxxl-5 {
        margin-left: 41.66666667%
    }
    .offset-xxxl-6 {
        margin-left: 50%
    }
    .offset-xxxl-7 {
        margin-left: 58.33333333%
    }
    .offset-xxxl-8 {
        margin-left: 66.66666667%
    }
    .offset-xxxl-9 {
        margin-left: 75%
    }
    .offset-xxxl-10 {
        margin-left: 83.33333333%
    }
    .offset-xxxl-11 {
        margin-left: 91.66666667%
    }
    .g-xxxl-0,
    .gx-xxxl-0 {
        --bs-gutter-x: 0
    }
    .g-xxxl-0,
    .gy-xxxl-0 {
        --bs-gutter-y: 0
    }
    .g-xxxl-1,
    .gx-xxxl-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-xxxl-1,
    .gy-xxxl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xxxl-2,
    .gx-xxxl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xxxl-2,
    .gy-xxxl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xxxl-3,
    .gx-xxxl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xxxl-3,
    .gy-xxxl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xxxl-4,
    .gx-xxxl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xxxl-4,
    .gy-xxxl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xxxl-5,
    .gx-xxxl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xxxl-5,
    .gy-xxxl-5 {
        --bs-gutter-y: 3rem
    }
}

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25;
    min-height: calc(3.5rem + 2px)
}

.form-floating>label {
    border: 2px solid transparent;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 1rem 0;
    pointer-events: none;
    position: absolute;
    text-align: start;
    text-overflow: ellipsis;
    top: 0;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    white-space: nowrap;
    z-index: 2
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 1rem 0
}

.form-floating>.form-control-plaintext::-moz-placeholder,
.form-floating>.form-control::-moz-placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-bottom: .775rem;
    padding-top: 1.475rem
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-bottom: .775rem;
    padding-top: 1.475rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill {
    padding-bottom: .775rem;
    padding-top: 1.475rem
}

.form-floating>.form-select {
    padding-bottom: .775rem;
    padding-top: 1.475rem
}

.form-floating:has(.form-control:not(:-moz-placeholder-shown))>label {
    color: rgba(var(--bs-body-color-rgb), 1);
    transform: scale(.66) translateY(-1.25rem)
}

.form-floating:has(.form-control-plaintext)>label,
.form-floating:has(.form-control:focus)>label,
.form-floating:has(.form-control:not(:placeholder-shown))>label,
.form-floating:has(.form-select)>label {
    color: rgba(var(--bs-body-color-rgb), 1);
    transform: scale(.66) translateY(-1.25rem)
}

.form-floating:has(.form-control:not(:-moz-placeholder-shown))>label:after {
    border-radius: var(--bs-border-radius);
    content: "";
    height: 1em;
    inset: 1rem 0;
    position: absolute;
    z-index: -1
}

.form-floating:has(.form-control-plaintext)>label:after,
.form-floating:has(.form-control:focus)>label:after,
.form-floating:has(.form-control:not(:placeholder-shown))>label:after,
.form-floating:has(.form-select)>label:after {
    border-radius: var(--bs-border-radius);
    content: "";
    height: 1em;
    inset: 1rem 0;
    position: absolute;
    z-index: -1
}

.form-floating:has(.form-control:-webkit-autofill)>label {
    color: rgba(var(--bs-body-color-rgb), 1);
    transform: scale(.66) translateY(-1.25rem)
}

.form-floating:has(.form-control-plaintext)>label {
    border-width: 2px 0
}

.form-floating:has(.form-control:disabled)>label,
.form-floating:has(:disabled)>label {
    color: #6c757d
}

.form-floating:has(.form-control:disabled)>label:after,
.form-floating:has(:disabled)>label:after {
    background-color: var(--bs-secondary-bg)
}

.form-check {
    display: block;
    margin-bottom: .125rem;
    min-height: 1.4rem;
    padding-left: 1.5em
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-left: 0;
    padding-right: 1.5em;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em
}

.form-check-input {
    --bs-form-check-bg: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #b6b6b6;
    flex-shrink: 0;
    height: 1em;
    margin-top: .2em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: top;
    width: 1em
}

.form-check-input[type=checkbox] {
    border-radius: 2px
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #80cba0;
    box-shadow: 0 0 0 0 rgba(0, 150, 65, .25);
    outline: 0
}

.form-check-input:checked {
    background-color: #009641;
    border-color: #009641
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")
}

.form-check-input[type=checkbox]:indeterminate {
    --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");
    background-color: #009641;
    border-color: #009641
}

.form-check-input:disabled {
    filter: none;
    opacity: .5;
    pointer-events: none
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
    background-image: var(--bs-form-switch-bg);
    background-position: 0;
    border-radius: 2em;
    margin-left: -2.5em;
    transition: background-position .15s ease-in-out;
    width: 2em
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2380cba0'/%3E%3C/svg%3E")
}

.form-switch .form-check-input:checked {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 100%
}

.form-switch.form-check-reverse {
    padding-left: 0;
    padding-right: 2.5em
}

.form-switch.form-check-reverse .form-check-input {
    margin-left: 0;
    margin-right: -2.5em
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    position: absolute
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
    filter: none;
    opacity: .65;
    pointer-events: none
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E")
}

.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    border: 2px solid rgba(0, 0, 0, .36);
    border-radius: var(--bs-border-radius);
    color: #5b28a1;
    display: block;
    font-size: 1.125rem;
    font-weight: 800;
    line-height: 1.4;
    padding: .375rem 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    background-color: transparent;
    border-color: #80cba0;
    box-shadow: 0 0 0 0 rgba(0, 150, 65, .25);
    color: #5b28a1;
    outline: 0
}

.form-control::-webkit-date-and-time-value {
    height: 1.4em;
    margin: 0;
    min-width: 85px
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::-moz-placeholder {
    color: rgba(0, 0, 0, .5);
    opacity: 1
}

.form-control::placeholder {
    color: rgba(0, 0, 0, .5);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::file-selector-button {
    background-color: var(--bs-tertiary-bg);
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width: 2px;
    border-radius: 0;
    color: #5b28a1;
    margin: -.375rem 0;
    margin-inline-end: 0;
    padding: .375rem 0;
    pointer-events: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    background-color: transparent;
    border: solid transparent;
    border-width: 2px 0;
    color: var(--bs-body-color);
    display: block;
    line-height: 1.4;
    margin-bottom: 0;
    padding: .375rem 0;
    width: 100%
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-left: 0;
    padding-right: 0
}

.form-control-sm {
    border-radius: var(--bs-border-radius-sm);
    font-size: .875rem;
    min-height: calc(1.4em + .5rem + 4px);
    padding: .25rem .5rem
}

.form-control-sm::file-selector-button {
    margin: -.25rem -.5rem;
    margin-inline-end: .5rem;
    padding: .25rem .5rem
}

.form-control-lg {
    border-radius: var(--bs-border-radius-lg);
    font-size: 1.25rem;
    min-height: calc(1.4em + 1rem + 4px);
    padding: .5rem 1rem
}

.form-control-lg::file-selector-button {
    margin: -.5rem -1rem;
    margin-inline-end: 1rem;
    padding: .5rem 1rem
}

textarea.form-control {
    min-height: calc(1.4em + .75rem + 4px)
}

textarea.form-control-sm {
    min-height: calc(1.4em + .5rem + 4px)
}

textarea.form-control-lg {
    min-height: calc(1.4em + 1rem + 4px)
}

.form-control-color {
    height: calc(1.4em + .75rem + 4px);
    padding: .375rem;
    width: 3rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
    border: 0 !important;
    border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
    height: calc(1.4em + .5rem + 4px)
}

.form-control-color.form-control-lg {
    height: calc(1.4em + 1rem + 4px)
}

.form-range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    height: 1rem;
    padding: 0;
    width: 100%
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(0, 150, 65, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(0, 150, 65, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: #009641;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b3e0c6
}

.form-range::-webkit-slider-runnable-track {
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.form-range::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background-color: #009641;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b3e0c6
}

.form-range::-moz-range-track {
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: var(--bs-secondary-color)
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-position: right 0 center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    border: 2px solid rgba(0, 0, 0, .36);
    border-radius: var(--bs-border-radius);
    color: #5b28a1;
    display: block;
    font-size: 1.125rem;
    font-weight: 800;
    line-height: 1.4;
    padding: .375rem 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #80cba0;
    box-shadow: 0 0 0 0 rgba(0, 150, 65, .25);
    outline: 0
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    background-image: none;
    padding-right: 0
}

.form-select:disabled {
    background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #5b28a1
}

.form-select-sm {
    border-radius: var(--bs-border-radius-sm);
    font-size: .875rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    padding-top: .25rem
}

.form-select-lg {
    border-radius: var(--bs-border-radius-lg);
    font-size: 1.25rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-top: .5rem
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")
}

.form-text {
    color: var(--bs-secondary-color);
    font-size: .875em;
    margin-top: .25rem
}

.input-group {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    width: 1%
}

.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    align-items: center;
    background-color: var(--bs-tertiary-bg);
    border: 2px solid rgba(0, 0, 0, .36);
    border-radius: var(--bs-border-radius);
    color: #5b28a1;
    display: flex;
    font-size: 1.125rem;
    font-weight: 800;
    line-height: 1.4;
    padding: .375rem 0;
    text-align: center;
    white-space: nowrap
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
    border-radius: var(--bs-border-radius-lg);
    font-size: 1.25rem;
    padding: .5rem 1rem
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
    border-radius: var(--bs-border-radius-sm);
    font-size: .875rem;
    padding: .25rem .5rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-right: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -2px
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    font-size: inherit;
    line-height: 1.4;
    margin-bottom: 0;
    padding-bottom: calc(.375rem + 2px);
    padding-top: calc(.375rem + 2px)
}

.col-form-label-lg {
    font-size: 1.25rem;
    padding-bottom: calc(.5rem + 2px);
    padding-top: calc(.5rem + 2px)
}

.col-form-label-sm {
    font-size: .875rem;
    padding-bottom: calc(.25rem + 2px);
    padding-top: calc(.25rem + 2px)
}

.valid-feedback {
    color: var(--bs-form-valid-color);
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.valid-tooltip {
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius);
    color: #fff;
    display: none;
    font-size: .875rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: url(../img/form-valid.svg);
    background-position: right calc(.35em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.7em + .375rem) calc(.7em + .375rem);
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.4em + .75rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    background-position: top calc(.35em + .1875rem) right calc(.35em + .1875rem);
    padding-right: calc(1.4em + .75rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: var(--bs-form-valid-border-color)
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url(../img/form-valid.svg);
    background-position: right 0 center, center right 0;
    background-size: 16px 12px, calc(.7em + .375rem) calc(.7em + .375rem);
    padding-right: 0
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), .25)
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
    width: calc(3.75rem + 1.4em)
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: var(--bs-form-valid-border-color)
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: var(--bs-form-valid-color)
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: var(--bs-form-valid-color)
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-valid,
.input-group>.form-floating:not(:focus-within).is-valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    color: var(--bs-form-invalid-color);
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.invalid-tooltip {
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius);
    color: #fff;
    display: none;
    font-size: .875rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: url(../img/form-invalid.svg);
    background-position: right calc(.35em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.7em + .375rem) calc(.7em + .375rem);
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.4em + .75rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    background-position: top calc(.35em + .1875rem) right calc(.35em + .1875rem);
    padding-right: calc(1.4em + .75rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url(../img/form-invalid.svg);
    background-position: right 0 center, center right 0;
    background-size: 16px 12px, calc(.7em + .375rem) calc(.7em + .375rem);
    padding-right: 0
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), .25)
}

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
    width: calc(3.75rem + 1.4em)
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: var(--bs-form-invalid-color)
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: var(--bs-form-invalid-color)
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: 1.8125rem;
    --bs-btn-padding-y: 1.0625rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 0;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
    background-color: var(--bs-btn-bg);
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    color: var(--bs-btn-color);
    cursor: pointer;
    display: inline-block;
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    text-align: center;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    color: var(--bs-btn-hover-color)
}

.btn-check+.btn:hover {
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
    color: var(--bs-btn-color)
}

.btn:focus-visible {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: var(--bs-btn-focus-box-shadow);
    color: var(--bs-btn-hover-color);
    outline: 0
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: var(--bs-btn-focus-box-shadow);
    outline: 0
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    color: var(--bs-btn-active-color)
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    color: var(--bs-btn-disabled-color);
    opacity: var(--bs-btn-disabled-opacity);
    pointer-events: none
}

.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #009641;
    --bs-btn-border-color: #009641;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #26a65e;
    --bs-btn-hover-border-color: #1aa154;
    --bs-btn-focus-shadow-rgb: 0, 128, 55;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #33ab67;
    --bs-btn-active-border-color: #1aa154;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #009641;
    --bs-btn-disabled-border-color: #009641
}

.btn-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 217, 217, 217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #fff
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #009641;
    --bs-btn-border-color: #009641;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #009641;
    --bs-btn-hover-border-color: #009641;
    --bs-btn-focus-shadow-rgb: 0, 150, 65;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #009641;
    --bs-btn-active-border-color: #009641;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #009641;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #009641;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 255, 255, 255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 217, 217, 217;
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,
.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm>.btn,
.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    height: auto;
    transition: width .35s ease;
    width: 0
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #009641;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    background-clip: padding-box;
    background-color: var(--bs-dropdown-bg);
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
    color: var(--bs-dropdown-color);
    display: none;
    font-size: var(--bs-dropdown-font-size);
    list-style: none;
    margin: 0;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    position: absolute;
    text-align: left;
    z-index: var(--bs-dropdown-zindex)
}

.dropdown-menu[data-bs-popper] {
    left: 0;
    margin-top: var(--bs-dropdown-spacer);
    top: 100%
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    left: 0;
    right: auto
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    left: auto;
    right: 0
}

@media (min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }
    .dropdown-menu-sm-start[data-bs-popper] {
        left: 0;
        right: auto
    }
    .dropdown-menu-sm-end {
        --bs-position: end
    }
    .dropdown-menu-sm-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }
    .dropdown-menu-md-start[data-bs-popper] {
        left: 0;
        right: auto
    }
    .dropdown-menu-md-end {
        --bs-position: end
    }
    .dropdown-menu-md-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }
    .dropdown-menu-lg-start[data-bs-popper] {
        left: 0;
        right: auto
    }
    .dropdown-menu-lg-end {
        --bs-position: end
    }
    .dropdown-menu-lg-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }
    .dropdown-menu-xl-start[data-bs-popper] {
        left: 0;
        right: auto
    }
    .dropdown-menu-xl-end {
        --bs-position: end
    }
    .dropdown-menu-xl-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width:1500px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }
    .dropdown-menu-xxl-start[data-bs-popper] {
        left: 0;
        right: auto
    }
    .dropdown-menu-xxl-end {
        --bs-position: end
    }
    .dropdown-menu-xxl-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

@media (min-width:2000px) {
    .dropdown-menu-xxxl-start {
        --bs-position: start
    }
    .dropdown-menu-xxxl-start[data-bs-popper] {
        left: 0;
        right: auto
    }
    .dropdown-menu-xxxl-end {
        --bs-position: end
    }
    .dropdown-menu-xxxl-end[data-bs-popper] {
        left: auto;
        right: 0
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    bottom: 100%;
    margin-bottom: var(--bs-dropdown-spacer);
    margin-top: 0;
    top: auto
}

.dropup .dropdown-toggle:after {
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: 0;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    left: 100%;
    margin-left: var(--bs-dropdown-spacer);
    margin-top: 0;
    right: auto;
    top: 0
}

.dropend .dropdown-toggle:after {
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    border-right: 0;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    left: auto;
    margin-right: var(--bs-dropdown-spacer);
    margin-top: 0;
    right: 100%;
    top: 0
}

.dropstart .dropdown-toggle:after {
    content: "";
    display: inline-block;
    display: none;
    margin-left: .255em;
    vertical-align: .255em
}

.dropstart .dropdown-toggle:before {
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    opacity: 1;
    overflow: hidden
}

.dropdown-item {
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
    clear: both;
    color: var(--bs-dropdown-link-color);
    display: block;
    font-weight: 400;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    width: 100%
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: var(--bs-dropdown-link-hover-bg);
    color: var(--bs-dropdown-link-hover-color)
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--bs-dropdown-link-active-bg);
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    background-color: transparent;
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    color: var(--bs-dropdown-header-color);
    display: block;
    font-size: .875rem;
    margin-bottom: 0;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    white-space: nowrap
}

.dropdown-item-text {
    color: var(--bs-dropdown-link-color);
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, .15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #009641;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group,
.btn-group-vertical {
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    flex: 1 1 auto;
    position: relative
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: var(--bs-border-radius)
}

.btn-group>.btn-group:not(:first-child),
.btn-group>:not(.btn-check:first-child)+.btn {
    margin-left: 0
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.dropdown-toggle-split {
    padding-left: 1.359375rem;
    padding-right: 1.359375rem
}

.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-left: .375rem;
    padding-right: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-left: .75rem;
    padding-right: .75rem
}

.btn-group-vertical {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: 0
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.nav-link {
    background: none;
    border: 0;
    color: var(--bs-nav-link-color);
    display: block;
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,
.nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    box-shadow: 0 0 0 0 rgba(0, 150, 65, .25);
    outline: 0
}

.nav-link.disabled,
.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    cursor: default;
    pointer-events: none
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
    margin-bottom: calc(var(--bs-nav-tabs-border-width)*-1)
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: var(--bs-nav-tabs-link-hover-border-color);
    isolation: isolate
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
    color: var(--bs-nav-tabs-link-active-color)
}

.nav-tabs .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: calc(var(--bs-nav-tabs-border-width)*-1)
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #009641
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: var(--bs-nav-pills-link-active-bg);
    color: var(--bs-nav-pills-link-active-color)
}

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    border-bottom: var(--bs-nav-underline-border-width) solid transparent;
    padding-left: 0;
    padding-right: 0
}

.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    border-bottom-color: currentcolor;
    color: var(--bs-nav-underline-link-active-color);
    font-weight: 700
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.325rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
    position: relative
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl,
.navbar>.container-xxxl {
    align-items: center;
    display: flex;
    flex-wrap: inherit;
    justify-content: space-between
}

.navbar-brand {
    color: var(--bs-navbar-brand-color);
    font-size: var(--bs-navbar-brand-font-size);
    margin-right: var(--bs-navbar-brand-margin-end);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    padding-top: var(--bs-navbar-brand-padding-y);
    text-decoration: none;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    color: var(--bs-navbar-color);
    padding-bottom: .5rem;
    padding-top: .5rem
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    align-items: center;
    flex-basis: 100%;
    flex-grow: 1
}

.navbar-toggler {
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    color: var(--bs-navbar-color);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
    outline: 0;
    text-decoration: none
}

.navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 1.5em;
    vertical-align: middle;
    width: 1.5em
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
    .navbar-expand-sm .offcanvas {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }
    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
    .navbar-expand-md .offcanvas {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }
    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
    .navbar-expand-lg .offcanvas {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }
    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
    .navbar-expand-xl .offcanvas {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }
    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (min-width:1500px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xxl .navbar-toggler {
        display: none
    }
    .navbar-expand-xxl .offcanvas {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }
    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

@media (min-width:2000px) {
    .navbar-expand-xxxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xxxl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xxxl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xxxl .navbar-nav .nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x)
    }
    .navbar-expand-xxxl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xxxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xxxl .navbar-toggler {
        display: none
    }
    .navbar-expand-xxxl .offcanvas {
        background-color: transparent !important;
        border: 0 !important;
        flex-grow: 1;
        height: auto !important;
        position: static;
        transform: none !important;
        transition: none;
        visibility: visible !important;
        width: auto !important;
        z-index: auto
    }
    .navbar-expand-xxxl .offcanvas .offcanvas-header {
        display: none
    }
    .navbar-expand-xxxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        overflow-y: visible;
        padding: 0
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    background-color: transparent !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
    --bs-navbar-color: hsla(0, 0%, 100%, .55);
    --bs-navbar-hover-color: hsla(0, 0%, 100%, .75);
    --bs-navbar-disabled-color: hsla(0, 0%, 100%, .25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, .1)
}

.navbar-dark,
.navbar[data-bs-theme=dark],
[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23003c1a'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    --bs-accordion-btn-focus-border-color: #80cba0;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0 rgba(0, 150, 65, .25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
    align-items: center;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    color: var(--bs-accordion-btn-color);
    display: flex;
    font-size: 1rem;
    overflow-anchor: none;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    position: relative;
    text-align: left;
    transition: var(--bs-accordion-transition);
    width: 100%
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color);
    color: var(--bs-accordion-active-color)
}

.accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    content: "";
    flex-shrink: 0;
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    transition: var(--bs-accordion-btn-icon-transition);
    width: var(--bs-accordion-btn-icon-width)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    border-color: var(--bs-accordion-btn-focus-border-color);
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
    outline: 0;
    z-index: 3
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    color: var(--bs-accordion-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-left-radius: var(--bs-accordion-border-radius);
    border-bottom-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-left-radius: var(--bs-accordion-border-radius);
    border-bottom-right-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-left: 0;
    border-radius: 0;
    border-right: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
}

[data-bs-theme=dark] .accordion-button:after {
    --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2366c08d'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2366c08d'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-primary-color);
    --bs-breadcrumb-item-padding-x: 0.75rem;
    --bs-breadcrumb-item-active-color: var(--bs-primary-color);
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item:before {
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/");
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 2rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    background-clip: padding-box;
    background-color: var(--bs-toast-bg);
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    border-radius: var(--bs-toast-border-radius);
    box-shadow: var(--bs-toast-box-shadow);
    color: var(--bs-toast-color);
    font-size: var(--bs-toast-font-size);
    max-width: 100%;
    pointer-events: auto;
    width: var(--bs-toast-max-width)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    max-width: 100%;
    pointer-events: none;
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    z-index: var(--bs-toast-zindex)
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    align-items: center;
    background-clip: padding-box;
    background-color: var(--bs-toast-header-bg);
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    color: var(--bs-toast-header-color);
    display: flex;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x)
}

.toast-header .btn-close {
    margin-left: var(--bs-toast-padding-x);
    margin-right: calc(var(--bs-toast-padding-x)*-.5)
}

.toast-body {
    word-wrap: break-word;
    padding: var(--bs-toast-padding-x)
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #5b28a1;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.4;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--bs-modal-zindex)
}

.modal-dialog {
    margin: var(--bs-modal-margin);
    pointer-events: none;
    position: relative;
    width: auto
}

.modal.fade .modal-dialog {
    transform: translateY(-50px);
    transition: transform .3s ease-out
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    align-items: center;
    display: flex;
    min-height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-content {
    background-clip: padding-box;
    background-color: var(--bs-modal-bg);
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    color: var(--bs-modal-color);
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    background-color: var(--bs-backdrop-bg);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: var(--bs-backdrop-zindex)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    align-items: center;
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding)
}

.modal-header .btn-close {
    margin: calc(var(--bs-modal-header-padding-y)*-.5) calc(var(--bs-modal-header-padding-x)*-.5) calc(var(--bs-modal-header-padding-y)*-.5) auto;
    padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5)
}

.modal-title {
    line-height: var(--bs-modal-title-line-height);
    margin-bottom: 0
}

.modal-body {
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
    position: relative
}

.modal-footer {
    align-items: center;
    background-color: var(--bs-modal-footer-bg);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap)*.5)
}

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: calc(1.75rem + 109px);
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }
    .modal-dialog {
        margin-left: auto;
        margin-right: auto;
        max-width: var(--bs-modal-width)
    }
    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw
}

.modal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%
}

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }
    .modal-fullscreen-sm-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }
    .modal-fullscreen-sm-down .modal-footer,
    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }
    .modal-fullscreen-md-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }
    .modal-fullscreen-md-down .modal-footer,
    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }
    .modal-fullscreen-lg-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }
    .modal-fullscreen-lg-down .modal-footer,
    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }
    .modal-fullscreen-xl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }
    .modal-fullscreen-xl-down .modal-footer,
    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1499.98px) {
    .modal-fullscreen-xxl-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }
    .modal-fullscreen-xxl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }
    .modal-fullscreen-xxl-down .modal-footer,
    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1999.98px) {
    .modal-fullscreen-xxxl-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }
    .modal-fullscreen-xxxl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }
    .modal-fullscreen-xxxl-down .modal-footer,
    .modal-fullscreen-xxxl-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-xxxl-down .modal-body {
        overflow-y: auto
    }
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.text-bg-primary {
    background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-secondary {
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-success {
    background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #fff !important
}

.text-bg-info {
    background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-warning {
    background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-danger {
    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #fff !important
}

.text-bg-light {
    background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-dark {
    background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
    color: #fff !important
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-primary:focus,
.link-primary:hover {
    color: RGBA(51, 171, 103, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(51, 171, 103, var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary {
    color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary:focus,
.link-secondary:hover {
    color: RGBA(255, 255, 255, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(255, 255, 255, var(--bs-link-underline-opacity, 1)) !important
}

.link-success {
    color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-success:focus,
.link-success:hover {
    color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important
}

.link-info {
    color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-info:focus,
.link-info:hover {
    color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
}

.link-warning {
    color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-warning:focus,
.link-warning:hover {
    color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
}

.link-danger {
    color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-danger:focus,
.link-danger:hover {
    color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
}

.link-light {
    color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-light:focus,
.link-light:hover {
    color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
}

.link-dark {
    color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-dark:focus,
.link-dark:hover {
    color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis:focus,
.link-body-emphasis:hover {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important
}

.focus-ring:focus {
    box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
    outline: 0
}

.icon-link {
    align-items: center;
    backface-visibility: hidden;
    display: inline-flex;
    gap: .375rem;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
    text-underline-offset: .25em
}

.icon-link>.bi {
    fill: currentcolor;
    flex-shrink: 0;
    height: 1em;
    transition: transform .2s ease-in-out;
    width: 1em
}

@media (prefers-reduced-motion:reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:focus-visible>.bi,
.icon-link-hover:hover>.bi {
    transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    content: "";
    display: block;
    padding-top: var(--bs-aspect-ratio)
}

.ratio>* {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    top: 0
}

.fixed-bottom,
.fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    top: 0
}

.sticky-bottom,
.sticky-top {
    position: sticky;
    z-index: 1020
}

.sticky-bottom {
    bottom: 0
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-sm-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-md-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-lg-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-xl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width:1500px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-xxl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media (min-width:2000px) {
    .sticky-xxxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
    .sticky-xxxl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

.hstack {
    align-items: center;
    flex-direction: row
}

.hstack,
.vstack {
    align-self: stretch;
    display: flex
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    white-space: nowrap !important;
    width: 1px !important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
    position: absolute !important
}

.stretched-link:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    align-self: stretch;
    background-color: currentcolor;
    display: inline-block;
    min-height: 1em;
    opacity: .25;
    width: var(--bs-border-width)
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.object-fit-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

.object-fit-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.object-fit-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
}

.object-fit-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
}

.object-fit-none {
    -o-object-fit: none !important;
    object-fit: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: var(--bs-box-shadow) !important
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm) !important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg) !important
}

.shadow-none {
    box-shadow: none !important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle) !important
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle) !important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle) !important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle) !important
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle) !important
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle) !important
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle) !important
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle) !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.mx-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.my-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
}

.my-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
}

.my-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
}

.my-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
}

.my-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
}

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.py-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
}

.py-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
}

.py-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
}

.py-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
}

.py-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.row-gap-0 {
    row-gap: 0 !important
}

.row-gap-1 {
    row-gap: .25rem !important
}

.row-gap-2 {
    row-gap: .5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.row-gap-5 {
    row-gap: 3rem !important
}

.column-gap-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important
}

.column-gap-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important
}

.column-gap-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important
}

.column-gap-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
}

.column-gap-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
}

.column-gap-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.425rem + 2.1vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.3 !important
}

.lh-base {
    line-height: 1.4 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: hsla(0, 0%, 100%, .5) !important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis) !important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis) !important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis) !important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis) !important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis) !important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis) !important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis) !important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis) !important
}

.link-opacity-10,
.link-opacity-10-hover:hover {
    --bs-link-opacity: 0.1
}

.link-opacity-25,
.link-opacity-25-hover:hover {
    --bs-link-opacity: 0.25
}

.link-opacity-50,
.link-opacity-50-hover:hover {
    --bs-link-opacity: 0.5
}

.link-opacity-75,
.link-opacity-75-hover:hover {
    --bs-link-opacity: 0.75
}

.link-opacity-100,
.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1,
.link-offset-1-hover:hover {
    text-underline-offset: .125em !important
}

.link-offset-2,
.link-offset-2-hover:hover {
    text-underline-offset: .25em !important
}

.link-offset-3,
.link-offset-3-hover:hover {
    text-underline-offset: .375em !important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-dark {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-underline-opacity-0,
.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10,
.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-25,
.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-50,
.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-75,
.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-100,
.link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle) !important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-xxl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm) !important;
    border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg) !important;
    border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-top-circle {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill) !important;
    border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-end {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end-0 {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-end-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm) !important;
    border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-end-2 {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
    border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-end-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-end-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
    border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-end-circle {
    border-bottom-right-radius: 50% !important;
    border-top-right-radius: 50% !important
}

.rounded-end-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill) !important;
    border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-bottom {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-bottom-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
    border-bottom-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-bottom-2 {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-bottom-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-bottom-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-bottom-circle {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important
}

.rounded-bottom-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
    border-bottom-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
    border-top-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    border-top-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
    border-top-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
    border-top-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-start-circle {
    border-bottom-left-radius: 50% !important;
    border-top-left-radius: 50% !important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
    border-top-left-radius: var(--bs-border-radius-pill) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.z-n1 {
    z-index: -1 !important
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }
    .float-sm-end {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
    .object-fit-sm-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-sm-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-sm-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-sm-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-sm-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-grid {
        display: grid !important
    }
    .d-sm-inline-grid {
        display: inline-grid !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
    .d-sm-none {
        display: none !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
    .order-sm-first {
        order: -1 !important
    }
    .order-sm-0 {
        order: 0 !important
    }
    .order-sm-1 {
        order: 1 !important
    }
    .order-sm-2 {
        order: 2 !important
    }
    .order-sm-3 {
        order: 3 !important
    }
    .order-sm-4 {
        order: 4 !important
    }
    .order-sm-5 {
        order: 5 !important
    }
    .order-sm-last {
        order: 6 !important
    }
    .m-sm-0 {
        margin: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-sm-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-sm-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-sm-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-sm-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-sm-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-sm-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
    .my-sm-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
    .my-sm-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
    .my-sm-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }
    .my-sm-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }
    .my-sm-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }
    .mt-sm-0 {
        margin-top: 0 !important
    }
    .mt-sm-1 {
        margin-top: .25rem !important
    }
    .mt-sm-2 {
        margin-top: .5rem !important
    }
    .mt-sm-3 {
        margin-top: 1rem !important
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important
    }
    .mt-sm-5 {
        margin-top: 3rem !important
    }
    .mt-sm-auto {
        margin-top: auto !important
    }
    .me-sm-0 {
        margin-right: 0 !important
    }
    .me-sm-1 {
        margin-right: .25rem !important
    }
    .me-sm-2 {
        margin-right: .5rem !important
    }
    .me-sm-3 {
        margin-right: 1rem !important
    }
    .me-sm-4 {
        margin-right: 1.5rem !important
    }
    .me-sm-5 {
        margin-right: 3rem !important
    }
    .me-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-0 {
        margin-bottom: 0 !important
    }
    .mb-sm-1 {
        margin-bottom: .25rem !important
    }
    .mb-sm-2 {
        margin-bottom: .5rem !important
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important
    }
    .mb-sm-auto {
        margin-bottom: auto !important
    }
    .ms-sm-0 {
        margin-left: 0 !important
    }
    .ms-sm-1 {
        margin-left: .25rem !important
    }
    .ms-sm-2 {
        margin-left: .5rem !important
    }
    .ms-sm-3 {
        margin-left: 1rem !important
    }
    .ms-sm-4 {
        margin-left: 1.5rem !important
    }
    .ms-sm-5 {
        margin-left: 3rem !important
    }
    .ms-sm-auto {
        margin-left: auto !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-sm-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-sm-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-sm-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-sm-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-sm-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-sm-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
    .py-sm-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
    .py-sm-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
    .py-sm-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }
    .py-sm-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }
    .pt-sm-0 {
        padding-top: 0 !important
    }
    .pt-sm-1 {
        padding-top: .25rem !important
    }
    .pt-sm-2 {
        padding-top: .5rem !important
    }
    .pt-sm-3 {
        padding-top: 1rem !important
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important
    }
    .pt-sm-5 {
        padding-top: 3rem !important
    }
    .pe-sm-0 {
        padding-right: 0 !important
    }
    .pe-sm-1 {
        padding-right: .25rem !important
    }
    .pe-sm-2 {
        padding-right: .5rem !important
    }
    .pe-sm-3 {
        padding-right: 1rem !important
    }
    .pe-sm-4 {
        padding-right: 1.5rem !important
    }
    .pe-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-0 {
        padding-bottom: 0 !important
    }
    .pb-sm-1 {
        padding-bottom: .25rem !important
    }
    .pb-sm-2 {
        padding-bottom: .5rem !important
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important
    }
    .ps-sm-0 {
        padding-left: 0 !important
    }
    .ps-sm-1 {
        padding-left: .25rem !important
    }
    .ps-sm-2 {
        padding-left: .5rem !important
    }
    .ps-sm-3 {
        padding-left: 1rem !important
    }
    .ps-sm-4 {
        padding-left: 1.5rem !important
    }
    .ps-sm-5 {
        padding-left: 3rem !important
    }
    .gap-sm-0 {
        gap: 0 !important
    }
    .gap-sm-1 {
        gap: .25rem !important
    }
    .gap-sm-2 {
        gap: .5rem !important
    }
    .gap-sm-3 {
        gap: 1rem !important
    }
    .gap-sm-4 {
        gap: 1.5rem !important
    }
    .gap-sm-5 {
        gap: 3rem !important
    }
    .row-gap-sm-0 {
        row-gap: 0 !important
    }
    .row-gap-sm-1 {
        row-gap: .25rem !important
    }
    .row-gap-sm-2 {
        row-gap: .5rem !important
    }
    .row-gap-sm-3 {
        row-gap: 1rem !important
    }
    .row-gap-sm-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-sm-5 {
        row-gap: 3rem !important
    }
    .column-gap-sm-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-sm-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-sm-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-sm-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-sm-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-sm-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-sm-start {
        text-align: left !important
    }
    .text-sm-end {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }
    .float-md-end {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
    .object-fit-md-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-md-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-md-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-md-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-md-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-grid {
        display: grid !important
    }
    .d-md-inline-grid {
        display: inline-grid !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
    .d-md-none {
        display: none !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
    .order-md-first {
        order: -1 !important
    }
    .order-md-0 {
        order: 0 !important
    }
    .order-md-1 {
        order: 1 !important
    }
    .order-md-2 {
        order: 2 !important
    }
    .order-md-3 {
        order: 3 !important
    }
    .order-md-4 {
        order: 4 !important
    }
    .order-md-5 {
        order: 5 !important
    }
    .order-md-last {
        order: 6 !important
    }
    .m-md-0 {
        margin: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-md-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-md-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-md-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-md-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-md-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-md-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
    .my-md-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
    .my-md-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
    .my-md-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }
    .my-md-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }
    .my-md-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }
    .my-md-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }
    .mt-md-0 {
        margin-top: 0 !important
    }
    .mt-md-1 {
        margin-top: .25rem !important
    }
    .mt-md-2 {
        margin-top: .5rem !important
    }
    .mt-md-3 {
        margin-top: 1rem !important
    }
    .mt-md-4 {
        margin-top: 1.5rem !important
    }
    .mt-md-5 {
        margin-top: 3rem !important
    }
    .mt-md-auto {
        margin-top: auto !important
    }
    .me-md-0 {
        margin-right: 0 !important
    }
    .me-md-1 {
        margin-right: .25rem !important
    }
    .me-md-2 {
        margin-right: .5rem !important
    }
    .me-md-3 {
        margin-right: 1rem !important
    }
    .me-md-4 {
        margin-right: 1.5rem !important
    }
    .me-md-5 {
        margin-right: 3rem !important
    }
    .me-md-auto {
        margin-right: auto !important
    }
    .mb-md-0 {
        margin-bottom: 0 !important
    }
    .mb-md-1 {
        margin-bottom: .25rem !important
    }
    .mb-md-2 {
        margin-bottom: .5rem !important
    }
    .mb-md-3 {
        margin-bottom: 1rem !important
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-md-5 {
        margin-bottom: 3rem !important
    }
    .mb-md-auto {
        margin-bottom: auto !important
    }
    .ms-md-0 {
        margin-left: 0 !important
    }
    .ms-md-1 {
        margin-left: .25rem !important
    }
    .ms-md-2 {
        margin-left: .5rem !important
    }
    .ms-md-3 {
        margin-left: 1rem !important
    }
    .ms-md-4 {
        margin-left: 1.5rem !important
    }
    .ms-md-5 {
        margin-left: 3rem !important
    }
    .ms-md-auto {
        margin-left: auto !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .px-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-md-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-md-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-md-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-md-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-md-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-md-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
    .py-md-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
    .py-md-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
    .py-md-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }
    .py-md-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }
    .py-md-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }
    .pt-md-0 {
        padding-top: 0 !important
    }
    .pt-md-1 {
        padding-top: .25rem !important
    }
    .pt-md-2 {
        padding-top: .5rem !important
    }
    .pt-md-3 {
        padding-top: 1rem !important
    }
    .pt-md-4 {
        padding-top: 1.5rem !important
    }
    .pt-md-5 {
        padding-top: 3rem !important
    }
    .pe-md-0 {
        padding-right: 0 !important
    }
    .pe-md-1 {
        padding-right: .25rem !important
    }
    .pe-md-2 {
        padding-right: .5rem !important
    }
    .pe-md-3 {
        padding-right: 1rem !important
    }
    .pe-md-4 {
        padding-right: 1.5rem !important
    }
    .pe-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-0 {
        padding-bottom: 0 !important
    }
    .pb-md-1 {
        padding-bottom: .25rem !important
    }
    .pb-md-2 {
        padding-bottom: .5rem !important
    }
    .pb-md-3 {
        padding-bottom: 1rem !important
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-md-5 {
        padding-bottom: 3rem !important
    }
    .ps-md-0 {
        padding-left: 0 !important
    }
    .ps-md-1 {
        padding-left: .25rem !important
    }
    .ps-md-2 {
        padding-left: .5rem !important
    }
    .ps-md-3 {
        padding-left: 1rem !important
    }
    .ps-md-4 {
        padding-left: 1.5rem !important
    }
    .ps-md-5 {
        padding-left: 3rem !important
    }
    .gap-md-0 {
        gap: 0 !important
    }
    .gap-md-1 {
        gap: .25rem !important
    }
    .gap-md-2 {
        gap: .5rem !important
    }
    .gap-md-3 {
        gap: 1rem !important
    }
    .gap-md-4 {
        gap: 1.5rem !important
    }
    .gap-md-5 {
        gap: 3rem !important
    }
    .row-gap-md-0 {
        row-gap: 0 !important
    }
    .row-gap-md-1 {
        row-gap: .25rem !important
    }
    .row-gap-md-2 {
        row-gap: .5rem !important
    }
    .row-gap-md-3 {
        row-gap: 1rem !important
    }
    .row-gap-md-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-md-5 {
        row-gap: 3rem !important
    }
    .column-gap-md-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-md-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-md-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-md-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-md-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-md-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-md-start {
        text-align: left !important
    }
    .text-md-end {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }
    .float-lg-end {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
    .object-fit-lg-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-lg-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-lg-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-lg-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-lg-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-grid {
        display: grid !important
    }
    .d-lg-inline-grid {
        display: inline-grid !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
    .d-lg-none {
        display: none !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
    .order-lg-first {
        order: -1 !important
    }
    .order-lg-0 {
        order: 0 !important
    }
    .order-lg-1 {
        order: 1 !important
    }
    .order-lg-2 {
        order: 2 !important
    }
    .order-lg-3 {
        order: 3 !important
    }
    .order-lg-4 {
        order: 4 !important
    }
    .order-lg-5 {
        order: 5 !important
    }
    .order-lg-last {
        order: 6 !important
    }
    .m-lg-0 {
        margin: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mx-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-lg-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-lg-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-lg-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-lg-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-lg-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-lg-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
    .my-lg-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
    .my-lg-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
    .my-lg-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }
    .my-lg-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }
    .my-lg-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }
    .mt-lg-0 {
        margin-top: 0 !important
    }
    .mt-lg-1 {
        margin-top: .25rem !important
    }
    .mt-lg-2 {
        margin-top: .5rem !important
    }
    .mt-lg-3 {
        margin-top: 1rem !important
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important
    }
    .mt-lg-5 {
        margin-top: 3rem !important
    }
    .mt-lg-auto {
        margin-top: auto !important
    }
    .me-lg-0 {
        margin-right: 0 !important
    }
    .me-lg-1 {
        margin-right: .25rem !important
    }
    .me-lg-2 {
        margin-right: .5rem !important
    }
    .me-lg-3 {
        margin-right: 1rem !important
    }
    .me-lg-4 {
        margin-right: 1.5rem !important
    }
    .me-lg-5 {
        margin-right: 3rem !important
    }
    .me-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-0 {
        margin-bottom: 0 !important
    }
    .mb-lg-1 {
        margin-bottom: .25rem !important
    }
    .mb-lg-2 {
        margin-bottom: .5rem !important
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important
    }
    .mb-lg-auto {
        margin-bottom: auto !important
    }
    .ms-lg-0 {
        margin-left: 0 !important
    }
    .ms-lg-1 {
        margin-left: .25rem !important
    }
    .ms-lg-2 {
        margin-left: .5rem !important
    }
    .ms-lg-3 {
        margin-left: 1rem !important
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important
    }
    .ms-lg-5 {
        margin-left: 3rem !important
    }
    .ms-lg-auto {
        margin-left: auto !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .px-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-lg-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-lg-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-lg-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-lg-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-lg-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-lg-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
    .py-lg-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
    .py-lg-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
    .py-lg-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }
    .py-lg-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }
    .pt-lg-0 {
        padding-top: 0 !important
    }
    .pt-lg-1 {
        padding-top: .25rem !important
    }
    .pt-lg-2 {
        padding-top: .5rem !important
    }
    .pt-lg-3 {
        padding-top: 1rem !important
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important
    }
    .pt-lg-5 {
        padding-top: 3rem !important
    }
    .pe-lg-0 {
        padding-right: 0 !important
    }
    .pe-lg-1 {
        padding-right: .25rem !important
    }
    .pe-lg-2 {
        padding-right: .5rem !important
    }
    .pe-lg-3 {
        padding-right: 1rem !important
    }
    .pe-lg-4 {
        padding-right: 1.5rem !important
    }
    .pe-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-0 {
        padding-bottom: 0 !important
    }
    .pb-lg-1 {
        padding-bottom: .25rem !important
    }
    .pb-lg-2 {
        padding-bottom: .5rem !important
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important
    }
    .ps-lg-0 {
        padding-left: 0 !important
    }
    .ps-lg-1 {
        padding-left: .25rem !important
    }
    .ps-lg-2 {
        padding-left: .5rem !important
    }
    .ps-lg-3 {
        padding-left: 1rem !important
    }
    .ps-lg-4 {
        padding-left: 1.5rem !important
    }
    .ps-lg-5 {
        padding-left: 3rem !important
    }
    .gap-lg-0 {
        gap: 0 !important
    }
    .gap-lg-1 {
        gap: .25rem !important
    }
    .gap-lg-2 {
        gap: .5rem !important
    }
    .gap-lg-3 {
        gap: 1rem !important
    }
    .gap-lg-4 {
        gap: 1.5rem !important
    }
    .gap-lg-5 {
        gap: 3rem !important
    }
    .row-gap-lg-0 {
        row-gap: 0 !important
    }
    .row-gap-lg-1 {
        row-gap: .25rem !important
    }
    .row-gap-lg-2 {
        row-gap: .5rem !important
    }
    .row-gap-lg-3 {
        row-gap: 1rem !important
    }
    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-lg-5 {
        row-gap: 3rem !important
    }
    .column-gap-lg-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-lg-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-lg-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-lg-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-lg-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-lg-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-lg-start {
        text-align: left !important
    }
    .text-lg-end {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }
    .float-xl-end {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
    .object-fit-xl-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-xl-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-xl-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-xl-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-xl-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-grid {
        display: grid !important
    }
    .d-xl-inline-grid {
        display: inline-grid !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
    .d-xl-none {
        display: none !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
    .order-xl-first {
        order: -1 !important
    }
    .order-xl-0 {
        order: 0 !important
    }
    .order-xl-1 {
        order: 1 !important
    }
    .order-xl-2 {
        order: 2 !important
    }
    .order-xl-3 {
        order: 3 !important
    }
    .order-xl-4 {
        order: 4 !important
    }
    .order-xl-5 {
        order: 5 !important
    }
    .order-xl-last {
        order: 6 !important
    }
    .m-xl-0 {
        margin: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mx-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-xl-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-xl-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-xl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-xl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-xl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-xl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
    .my-xl-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
    .my-xl-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
    .my-xl-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }
    .my-xl-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }
    .my-xl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }
    .mt-xl-0 {
        margin-top: 0 !important
    }
    .mt-xl-1 {
        margin-top: .25rem !important
    }
    .mt-xl-2 {
        margin-top: .5rem !important
    }
    .mt-xl-3 {
        margin-top: 1rem !important
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xl-5 {
        margin-top: 3rem !important
    }
    .mt-xl-auto {
        margin-top: auto !important
    }
    .me-xl-0 {
        margin-right: 0 !important
    }
    .me-xl-1 {
        margin-right: .25rem !important
    }
    .me-xl-2 {
        margin-right: .5rem !important
    }
    .me-xl-3 {
        margin-right: 1rem !important
    }
    .me-xl-4 {
        margin-right: 1.5rem !important
    }
    .me-xl-5 {
        margin-right: 3rem !important
    }
    .me-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-0 {
        margin-bottom: 0 !important
    }
    .mb-xl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xl-auto {
        margin-bottom: auto !important
    }
    .ms-xl-0 {
        margin-left: 0 !important
    }
    .ms-xl-1 {
        margin-left: .25rem !important
    }
    .ms-xl-2 {
        margin-left: .5rem !important
    }
    .ms-xl-3 {
        margin-left: 1rem !important
    }
    .ms-xl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xl-5 {
        margin-left: 3rem !important
    }
    .ms-xl-auto {
        margin-left: auto !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .px-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-xl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-xl-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-xl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-xl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-xl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-xl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
    .py-xl-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
    .py-xl-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
    .py-xl-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }
    .py-xl-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }
    .pt-xl-0 {
        padding-top: 0 !important
    }
    .pt-xl-1 {
        padding-top: .25rem !important
    }
    .pt-xl-2 {
        padding-top: .5rem !important
    }
    .pt-xl-3 {
        padding-top: 1rem !important
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xl-5 {
        padding-top: 3rem !important
    }
    .pe-xl-0 {
        padding-right: 0 !important
    }
    .pe-xl-1 {
        padding-right: .25rem !important
    }
    .pe-xl-2 {
        padding-right: .5rem !important
    }
    .pe-xl-3 {
        padding-right: 1rem !important
    }
    .pe-xl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-0 {
        padding-bottom: 0 !important
    }
    .pb-xl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xl-0 {
        padding-left: 0 !important
    }
    .ps-xl-1 {
        padding-left: .25rem !important
    }
    .ps-xl-2 {
        padding-left: .5rem !important
    }
    .ps-xl-3 {
        padding-left: 1rem !important
    }
    .ps-xl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xl-5 {
        padding-left: 3rem !important
    }
    .gap-xl-0 {
        gap: 0 !important
    }
    .gap-xl-1 {
        gap: .25rem !important
    }
    .gap-xl-2 {
        gap: .5rem !important
    }
    .gap-xl-3 {
        gap: 1rem !important
    }
    .gap-xl-4 {
        gap: 1.5rem !important
    }
    .gap-xl-5 {
        gap: 3rem !important
    }
    .row-gap-xl-0 {
        row-gap: 0 !important
    }
    .row-gap-xl-1 {
        row-gap: .25rem !important
    }
    .row-gap-xl-2 {
        row-gap: .5rem !important
    }
    .row-gap-xl-3 {
        row-gap: 1rem !important
    }
    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-xl-5 {
        row-gap: 3rem !important
    }
    .column-gap-xl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-xl-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-xl-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-xl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-xl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-xl-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-xl-start {
        text-align: left !important
    }
    .text-xl-end {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1500px) {
    .float-xxl-start {
        float: left !important
    }
    .float-xxl-end {
        float: right !important
    }
    .float-xxl-none {
        float: none !important
    }
    .object-fit-xxl-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-xxl-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-xxl-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-xxl-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-xxl-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-xxl-inline {
        display: inline !important
    }
    .d-xxl-inline-block {
        display: inline-block !important
    }
    .d-xxl-block {
        display: block !important
    }
    .d-xxl-grid {
        display: grid !important
    }
    .d-xxl-inline-grid {
        display: inline-grid !important
    }
    .d-xxl-table {
        display: table !important
    }
    .d-xxl-table-row {
        display: table-row !important
    }
    .d-xxl-table-cell {
        display: table-cell !important
    }
    .d-xxl-flex {
        display: flex !important
    }
    .d-xxl-inline-flex {
        display: inline-flex !important
    }
    .d-xxl-none {
        display: none !important
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important
    }
    .flex-xxl-row {
        flex-direction: row !important
    }
    .flex-xxl-column {
        flex-direction: column !important
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important
    }
    .justify-content-xxl-center {
        justify-content: center !important
    }
    .justify-content-xxl-between {
        justify-content: space-between !important
    }
    .justify-content-xxl-around {
        justify-content: space-around !important
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xxl-start {
        align-items: flex-start !important
    }
    .align-items-xxl-end {
        align-items: flex-end !important
    }
    .align-items-xxl-center {
        align-items: center !important
    }
    .align-items-xxl-baseline {
        align-items: baseline !important
    }
    .align-items-xxl-stretch {
        align-items: stretch !important
    }
    .align-content-xxl-start {
        align-content: flex-start !important
    }
    .align-content-xxl-end {
        align-content: flex-end !important
    }
    .align-content-xxl-center {
        align-content: center !important
    }
    .align-content-xxl-between {
        align-content: space-between !important
    }
    .align-content-xxl-around {
        align-content: space-around !important
    }
    .align-content-xxl-stretch {
        align-content: stretch !important
    }
    .align-self-xxl-auto {
        align-self: auto !important
    }
    .align-self-xxl-start {
        align-self: flex-start !important
    }
    .align-self-xxl-end {
        align-self: flex-end !important
    }
    .align-self-xxl-center {
        align-self: center !important
    }
    .align-self-xxl-baseline {
        align-self: baseline !important
    }
    .align-self-xxl-stretch {
        align-self: stretch !important
    }
    .order-xxl-first {
        order: -1 !important
    }
    .order-xxl-0 {
        order: 0 !important
    }
    .order-xxl-1 {
        order: 1 !important
    }
    .order-xxl-2 {
        order: 2 !important
    }
    .order-xxl-3 {
        order: 3 !important
    }
    .order-xxl-4 {
        order: 4 !important
    }
    .order-xxl-5 {
        order: 5 !important
    }
    .order-xxl-last {
        order: 6 !important
    }
    .m-xxl-0 {
        margin: 0 !important
    }
    .m-xxl-1 {
        margin: .25rem !important
    }
    .m-xxl-2 {
        margin: .5rem !important
    }
    .m-xxl-3 {
        margin: 1rem !important
    }
    .m-xxl-4 {
        margin: 1.5rem !important
    }
    .m-xxl-5 {
        margin: 3rem !important
    }
    .m-xxl-auto {
        margin: auto !important
    }
    .mx-xxl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-xxl-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-xxl-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-xxl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-xxl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-xxl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-xxl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-xxl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
    .my-xxl-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
    .my-xxl-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
    .my-xxl-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }
    .my-xxl-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }
    .my-xxl-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }
    .my-xxl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }
    .mt-xxl-0 {
        margin-top: 0 !important
    }
    .mt-xxl-1 {
        margin-top: .25rem !important
    }
    .mt-xxl-2 {
        margin-top: .5rem !important
    }
    .mt-xxl-3 {
        margin-top: 1rem !important
    }
    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xxl-5 {
        margin-top: 3rem !important
    }
    .mt-xxl-auto {
        margin-top: auto !important
    }
    .me-xxl-0 {
        margin-right: 0 !important
    }
    .me-xxl-1 {
        margin-right: .25rem !important
    }
    .me-xxl-2 {
        margin-right: .5rem !important
    }
    .me-xxl-3 {
        margin-right: 1rem !important
    }
    .me-xxl-4 {
        margin-right: 1.5rem !important
    }
    .me-xxl-5 {
        margin-right: 3rem !important
    }
    .me-xxl-auto {
        margin-right: auto !important
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important
    }
    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xxl-auto {
        margin-bottom: auto !important
    }
    .ms-xxl-0 {
        margin-left: 0 !important
    }
    .ms-xxl-1 {
        margin-left: .25rem !important
    }
    .ms-xxl-2 {
        margin-left: .5rem !important
    }
    .ms-xxl-3 {
        margin-left: 1rem !important
    }
    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xxl-5 {
        margin-left: 3rem !important
    }
    .ms-xxl-auto {
        margin-left: auto !important
    }
    .p-xxl-0 {
        padding: 0 !important
    }
    .p-xxl-1 {
        padding: .25rem !important
    }
    .p-xxl-2 {
        padding: .5rem !important
    }
    .p-xxl-3 {
        padding: 1rem !important
    }
    .p-xxl-4 {
        padding: 1.5rem !important
    }
    .p-xxl-5 {
        padding: 3rem !important
    }
    .px-xxl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-xxl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-xxl-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-xxl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-xxl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-xxl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-xxl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
    .py-xxl-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
    .py-xxl-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
    .py-xxl-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }
    .py-xxl-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }
    .py-xxl-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }
    .pt-xxl-0 {
        padding-top: 0 !important
    }
    .pt-xxl-1 {
        padding-top: .25rem !important
    }
    .pt-xxl-2 {
        padding-top: .5rem !important
    }
    .pt-xxl-3 {
        padding-top: 1rem !important
    }
    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xxl-5 {
        padding-top: 3rem !important
    }
    .pe-xxl-0 {
        padding-right: 0 !important
    }
    .pe-xxl-1 {
        padding-right: .25rem !important
    }
    .pe-xxl-2 {
        padding-right: .5rem !important
    }
    .pe-xxl-3 {
        padding-right: 1rem !important
    }
    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xxl-5 {
        padding-right: 3rem !important
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important
    }
    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xxl-0 {
        padding-left: 0 !important
    }
    .ps-xxl-1 {
        padding-left: .25rem !important
    }
    .ps-xxl-2 {
        padding-left: .5rem !important
    }
    .ps-xxl-3 {
        padding-left: 1rem !important
    }
    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xxl-5 {
        padding-left: 3rem !important
    }
    .gap-xxl-0 {
        gap: 0 !important
    }
    .gap-xxl-1 {
        gap: .25rem !important
    }
    .gap-xxl-2 {
        gap: .5rem !important
    }
    .gap-xxl-3 {
        gap: 1rem !important
    }
    .gap-xxl-4 {
        gap: 1.5rem !important
    }
    .gap-xxl-5 {
        gap: 3rem !important
    }
    .row-gap-xxl-0 {
        row-gap: 0 !important
    }
    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }
    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }
    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }
    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-xxl-5 {
        row-gap: 3rem !important
    }
    .column-gap-xxl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-xxl-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-xxl-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-xxl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-xxl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-xxl-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-xxl-start {
        text-align: left !important
    }
    .text-xxl-end {
        text-align: right !important
    }
    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width:2000px) {
    .float-xxxl-start {
        float: left !important
    }
    .float-xxxl-end {
        float: right !important
    }
    .float-xxxl-none {
        float: none !important
    }
    .object-fit-xxxl-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important
    }
    .object-fit-xxxl-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }
    .object-fit-xxxl-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important
    }
    .object-fit-xxxl-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important
    }
    .object-fit-xxxl-none {
        -o-object-fit: none !important;
        object-fit: none !important
    }
    .d-xxxl-inline {
        display: inline !important
    }
    .d-xxxl-inline-block {
        display: inline-block !important
    }
    .d-xxxl-block {
        display: block !important
    }
    .d-xxxl-grid {
        display: grid !important
    }
    .d-xxxl-inline-grid {
        display: inline-grid !important
    }
    .d-xxxl-table {
        display: table !important
    }
    .d-xxxl-table-row {
        display: table-row !important
    }
    .d-xxxl-table-cell {
        display: table-cell !important
    }
    .d-xxxl-flex {
        display: flex !important
    }
    .d-xxxl-inline-flex {
        display: inline-flex !important
    }
    .d-xxxl-none {
        display: none !important
    }
    .flex-xxxl-fill {
        flex: 1 1 auto !important
    }
    .flex-xxxl-row {
        flex-direction: row !important
    }
    .flex-xxxl-column {
        flex-direction: column !important
    }
    .flex-xxxl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xxxl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xxxl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xxxl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xxxl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xxxl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xxxl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xxxl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xxxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xxxl-start {
        justify-content: flex-start !important
    }
    .justify-content-xxxl-end {
        justify-content: flex-end !important
    }
    .justify-content-xxxl-center {
        justify-content: center !important
    }
    .justify-content-xxxl-between {
        justify-content: space-between !important
    }
    .justify-content-xxxl-around {
        justify-content: space-around !important
    }
    .justify-content-xxxl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xxxl-start {
        align-items: flex-start !important
    }
    .align-items-xxxl-end {
        align-items: flex-end !important
    }
    .align-items-xxxl-center {
        align-items: center !important
    }
    .align-items-xxxl-baseline {
        align-items: baseline !important
    }
    .align-items-xxxl-stretch {
        align-items: stretch !important
    }
    .align-content-xxxl-start {
        align-content: flex-start !important
    }
    .align-content-xxxl-end {
        align-content: flex-end !important
    }
    .align-content-xxxl-center {
        align-content: center !important
    }
    .align-content-xxxl-between {
        align-content: space-between !important
    }
    .align-content-xxxl-around {
        align-content: space-around !important
    }
    .align-content-xxxl-stretch {
        align-content: stretch !important
    }
    .align-self-xxxl-auto {
        align-self: auto !important
    }
    .align-self-xxxl-start {
        align-self: flex-start !important
    }
    .align-self-xxxl-end {
        align-self: flex-end !important
    }
    .align-self-xxxl-center {
        align-self: center !important
    }
    .align-self-xxxl-baseline {
        align-self: baseline !important
    }
    .align-self-xxxl-stretch {
        align-self: stretch !important
    }
    .order-xxxl-first {
        order: -1 !important
    }
    .order-xxxl-0 {
        order: 0 !important
    }
    .order-xxxl-1 {
        order: 1 !important
    }
    .order-xxxl-2 {
        order: 2 !important
    }
    .order-xxxl-3 {
        order: 3 !important
    }
    .order-xxxl-4 {
        order: 4 !important
    }
    .order-xxxl-5 {
        order: 5 !important
    }
    .order-xxxl-last {
        order: 6 !important
    }
    .m-xxxl-0 {
        margin: 0 !important
    }
    .m-xxxl-1 {
        margin: .25rem !important
    }
    .m-xxxl-2 {
        margin: .5rem !important
    }
    .m-xxxl-3 {
        margin: 1rem !important
    }
    .m-xxxl-4 {
        margin: 1.5rem !important
    }
    .m-xxxl-5 {
        margin: 3rem !important
    }
    .m-xxxl-auto {
        margin: auto !important
    }
    .mx-xxxl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mx-xxxl-1 {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }
    .mx-xxxl-2 {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }
    .mx-xxxl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    .mx-xxxl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }
    .mx-xxxl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }
    .mx-xxxl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
    .my-xxxl-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
    .my-xxxl-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
    .my-xxxl-2 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
    .my-xxxl-3 {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }
    .my-xxxl-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }
    .my-xxxl-5 {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }
    .my-xxxl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }
    .mt-xxxl-0 {
        margin-top: 0 !important
    }
    .mt-xxxl-1 {
        margin-top: .25rem !important
    }
    .mt-xxxl-2 {
        margin-top: .5rem !important
    }
    .mt-xxxl-3 {
        margin-top: 1rem !important
    }
    .mt-xxxl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xxxl-5 {
        margin-top: 3rem !important
    }
    .mt-xxxl-auto {
        margin-top: auto !important
    }
    .me-xxxl-0 {
        margin-right: 0 !important
    }
    .me-xxxl-1 {
        margin-right: .25rem !important
    }
    .me-xxxl-2 {
        margin-right: .5rem !important
    }
    .me-xxxl-3 {
        margin-right: 1rem !important
    }
    .me-xxxl-4 {
        margin-right: 1.5rem !important
    }
    .me-xxxl-5 {
        margin-right: 3rem !important
    }
    .me-xxxl-auto {
        margin-right: auto !important
    }
    .mb-xxxl-0 {
        margin-bottom: 0 !important
    }
    .mb-xxxl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xxxl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xxxl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xxxl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xxxl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xxxl-auto {
        margin-bottom: auto !important
    }
    .ms-xxxl-0 {
        margin-left: 0 !important
    }
    .ms-xxxl-1 {
        margin-left: .25rem !important
    }
    .ms-xxxl-2 {
        margin-left: .5rem !important
    }
    .ms-xxxl-3 {
        margin-left: 1rem !important
    }
    .ms-xxxl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xxxl-5 {
        margin-left: 3rem !important
    }
    .ms-xxxl-auto {
        margin-left: auto !important
    }
    .p-xxxl-0 {
        padding: 0 !important
    }
    .p-xxxl-1 {
        padding: .25rem !important
    }
    .p-xxxl-2 {
        padding: .5rem !important
    }
    .p-xxxl-3 {
        padding: 1rem !important
    }
    .p-xxxl-4 {
        padding: 1.5rem !important
    }
    .p-xxxl-5 {
        padding: 3rem !important
    }
    .px-xxxl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .px-xxxl-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }
    .px-xxxl-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }
    .px-xxxl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
    .px-xxxl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }
    .px-xxxl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }
    .py-xxxl-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
    .py-xxxl-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }
    .py-xxxl-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }
    .py-xxxl-3 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }
    .py-xxxl-4 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }
    .py-xxxl-5 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }
    .pt-xxxl-0 {
        padding-top: 0 !important
    }
    .pt-xxxl-1 {
        padding-top: .25rem !important
    }
    .pt-xxxl-2 {
        padding-top: .5rem !important
    }
    .pt-xxxl-3 {
        padding-top: 1rem !important
    }
    .pt-xxxl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xxxl-5 {
        padding-top: 3rem !important
    }
    .pe-xxxl-0 {
        padding-right: 0 !important
    }
    .pe-xxxl-1 {
        padding-right: .25rem !important
    }
    .pe-xxxl-2 {
        padding-right: .5rem !important
    }
    .pe-xxxl-3 {
        padding-right: 1rem !important
    }
    .pe-xxxl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xxxl-5 {
        padding-right: 3rem !important
    }
    .pb-xxxl-0 {
        padding-bottom: 0 !important
    }
    .pb-xxxl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xxxl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xxxl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xxxl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xxxl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xxxl-0 {
        padding-left: 0 !important
    }
    .ps-xxxl-1 {
        padding-left: .25rem !important
    }
    .ps-xxxl-2 {
        padding-left: .5rem !important
    }
    .ps-xxxl-3 {
        padding-left: 1rem !important
    }
    .ps-xxxl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xxxl-5 {
        padding-left: 3rem !important
    }
    .gap-xxxl-0 {
        gap: 0 !important
    }
    .gap-xxxl-1 {
        gap: .25rem !important
    }
    .gap-xxxl-2 {
        gap: .5rem !important
    }
    .gap-xxxl-3 {
        gap: 1rem !important
    }
    .gap-xxxl-4 {
        gap: 1.5rem !important
    }
    .gap-xxxl-5 {
        gap: 3rem !important
    }
    .row-gap-xxxl-0 {
        row-gap: 0 !important
    }
    .row-gap-xxxl-1 {
        row-gap: .25rem !important
    }
    .row-gap-xxxl-2 {
        row-gap: .5rem !important
    }
    .row-gap-xxxl-3 {
        row-gap: 1rem !important
    }
    .row-gap-xxxl-4 {
        row-gap: 1.5rem !important
    }
    .row-gap-xxxl-5 {
        row-gap: 3rem !important
    }
    .column-gap-xxxl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important
    }
    .column-gap-xxxl-1 {
        -moz-column-gap: .25rem !important;
        column-gap: .25rem !important
    }
    .column-gap-xxxl-2 {
        -moz-column-gap: .5rem !important;
        column-gap: .5rem !important
    }
    .column-gap-xxxl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }
    .column-gap-xxxl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important
    }
    .column-gap-xxxl-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important
    }
    .text-xxxl-start {
        text-align: left !important
    }
    .text-xxxl-end {
        text-align: right !important
    }
    .text-xxxl-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .fs-1 {
        font-size: 3rem !important
    }
    .fs-2 {
        font-size: 2rem !important
    }
    .fs-3 {
        font-size: 1.75rem !important
    }
    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-grid {
        display: grid !important
    }
    .d-print-inline-grid {
        display: inline-grid !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
    .d-print-none {
        display: none !important
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
    --swiper-theme-color: #fff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left, auto);
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

:root {
    --background-container-max-width: 2560px
}

body.modal-open,
body:has(.custom-modal-backdrop .in),
body:has(.modal-open),
html.modal-open,
html:has(.custom-modal-backdrop .in),
html:has(.modal-open) {
    touch-action: none;
    -ms-touch-action: none
}

html {
    flex-direction: column;
    min-height: 100%
}

body,
html {
    display: flex
}

body {
    background-color: #351f63;
    flex: 1 0 auto;
    flex-direction: column
}

body>header.main-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 150
}

body>main[role=main] {
    position: relative
}

body:not(.challenge-modal-open)>footer.main-footer {
    position: relative;
    z-index: 20
}

body:not(.challenge-modal-open)>footer.main-footer.no-graphic-tab {
    margin-top: auto
}

main[role=main] {
    background: linear-gradient(12.69deg, #351f63 65.23%, #4c298a 93.34%);
    min-height: 500px;
    padding-top: 105px
}

@media (min-width:992px) {
    main[role=main] {
        padding-top: 109px
    }
}

body.with-strip main[role=main] {
    padding-top: 125px
}

@media (min-width:992px) {
    body.with-strip main[role=main] {
        padding-top: 129px
    }
}

main[role=main].page-test-header {
    padding-top: 0 !important
}

main[role=main].page-common {
    letter-spacing: -.04em;
    line-height: 1.4
}

main[role=main].page-common .base-list>li {
    font-weight: 300;
    margin-bottom: 8px
}

main[role=main].page-common .base-list>li:last-child {
    margin-bottom: 0
}

main[role=main].page-common .base-title {
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1.2
}

@media (min-width:992px) {
    main[role=main].page-common .base-title {
        font-size: 2rem
    }
}

main[role=main].page-common .base-paragraph {
    font-size: 1rem;
    font-weight: 400
}

@media (min-width:992px) {
    main[role=main].page-common .base-paragraph {
        font-size: 1.25rem
    }
}

main[role=main].page-common .background-texture {
    right: 0
}

a {
    color: inherit
}

a.btn-cta,
a.btn-outline-secondary,
a.btn-primary,
a.btn-primary-violet,
a.btn-primary-white {
    display: inline-flex
}

a.btn-cta[disabled],
a.btn-outline-secondary[disabled],
a.btn-primary-violet[disabled],
a.btn-primary-white[disabled],
a.btn-primary[disabled] {
    color: #fff;
    opacity: .65;
    pointer-events: none
}

a.btn-primary[disabled] {
    background-color: #88ca9f;
    border-color: #009641
}

a.btn-outline-secondary[disabled] {
    background-color: transparent;
    border-color: #fff
}

a.btn-cta[disabled] {
    background-color: #fff;
    color: #5b28a1
}

p:last-child {
    margin-bottom: 0
}

.score-separator,
.team-separator {
    color: #fff;
    font-size: 3.25rem;
    font-style: italic;
    line-height: 1
}

.squared-label {
    color: #5b28a1;
    font-size: .75rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    text-transform: uppercase;
    white-space: nowrap
}

.squared-label:before {
    background-color: #5b28a1;
    content: "";
    display: inline-block;
    height: 6px;
    margin-right: 6px;
    transform: rotate(45deg);
    width: 6px
}

.squared-label.white {
    color: #fff
}

.squared-label.white:before {
    background-color: #fff
}

.text-separator {
    background-color: #ddd;
    height: 1px;
    width: 8px
}

.anchor-nav-tab,
.left-nav-tab,
.schedule-nav-tab {
    align-items: center;
    border: none;
    display: flex
}

.anchor-nav-tab .tab-link,
.schedule-nav-tab .tab-link {
    border: none;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.37;
    padding: 10px 12px 4px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: .3s;
    transition-property: color, opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    white-space: nowrap
}

@media (min-width:768px) {
    .anchor-nav-tab .tab-link,
    .schedule-nav-tab .tab-link {
        font-size: 1rem;
        padding-left: 20px;
        padding-right: 20px
    }
}

.anchor-nav-tab .tab-link:after,
.anchor-nav-tab .tab-link:before,
.schedule-nav-tab .tab-link:after,
.schedule-nav-tab .tab-link:before {
    bottom: 1px;
    content: "";
    height: 1px;
    left: 12px;
    position: absolute;
    right: 12px;
    transition-duration: .3s;
    transition-property: background-color, right;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:768px) {
    .anchor-nav-tab .tab-link:after,
    .anchor-nav-tab .tab-link:before,
    .schedule-nav-tab .tab-link:after,
    .schedule-nav-tab .tab-link:before {
        left: 20px;
        right: 20px
    }
}

.anchor-nav-tab .tab-link.active,
.schedule-nav-tab .tab-link.active {
    background-color: transparent
}

.container-nav .tab-container {
    display: flex;
    justify-content: center;
    max-width: none;
    overflow: hidden;
    padding: 0
}

.anchor-nav-tab {
    flex-wrap: nowrap;
    overflow: auto;
    padding: 0 16px 6px
}

.anchor-nav-tab .tab-link {
    color: hsl(0, 0%, 100%);
    transition-duration: .3s, .3s, .15s;
    transition-property: color, opacity, font-size
}

.anchor-nav-tab .tab-link:before {
    background-color: hsl(186, 100%, 82%)
}

.anchor-nav-tab .tab-link:after {
    background-color: #56358b;
    right: 100%
}

.anchor-nav-tab .tab-link.active:after,
.anchor-nav-tab .tab-link:hover:after {
    right: 12px
}

@media (min-width:768px) {
    .anchor-nav-tab .tab-link.active:after,
    .anchor-nav-tab .tab-link:hover:after {
        right: 20px
    }
}

.anchor-nav-tab .tab-link.active {
    color: #fff;
    font-style: italic;
    font-weight: 600
}

.anchor-nav-tab .tab-link.active:before {
    opacity: .5
}

.anchor-nav-tab.light .tab-link {
    color: #000
}

.anchor-nav-tab.light .tab-link:before {
    background-color: #000
}

.anchor-nav-tab.light .tab-link:after,
.anchor-nav-tab.light .tab-link:before {
    opacity: .5
}

.anchor-nav-tab.light .tab-link.active {
    color: #5b28a1
}

.anchor-nav-tab.light .tab-link:hover {
    color: rgba(91, 40, 161, .5)
}

.anchor-nav-tab.light .tab-link.active:after,
.anchor-nav-tab.light .tab-link:hover:after {
    opacity: 1
}

.schedule-nav-tab {
    justify-content: center;
    margin-bottom: 20px
}

.schedule-nav-tab .tab-link {
    color: hsla(0, 0%, 100%, .5);
    font-style: normal
}

.schedule-nav-tab .tab-link:before {
    background-color: hsla(0, 0%, 100%, .5)
}

.schedule-nav-tab .tab-link:after {
    background-color: #fff;
    right: 100%
}

.schedule-nav-tab .tab-link.active,
.schedule-nav-tab .tab-link:hover {
    color: #fff
}

.schedule-nav-tab .tab-link.active:after,
.schedule-nav-tab .tab-link:hover:after {
    right: 12px
}

@media (min-width:768px) {
    .schedule-nav-tab .tab-link.active:after,
    .schedule-nav-tab .tab-link:hover:after {
        right: 20px
    }
}

.left-nav-tab .tab-link {
    border: none;
    color: #fff !important;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.37;
    opacity: .5;
    padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:768px) {
    .left-nav-tab .tab-link {
        font-size: 1rem;
        padding-left: 20px;
        padding-right: 20px
    }
}

.left-nav-tab .tab-link:after,
.left-nav-tab .tab-link:before {
    bottom: 0;
    content: "";
    height: 1px;
    left: 12px;
    position: absolute;
    right: 12px
}

@media (min-width:768px) {
    .left-nav-tab .tab-link:after,
    .left-nav-tab .tab-link:before {
        left: 20px;
        right: 20px
    }
}

.left-nav-tab .tab-link:before {
    background-color: hsla(0, 0%, 100%, .5)
}

.left-nav-tab .tab-link:after {
    background-color: #fff;
    right: 100%;
    transition: right .3s cubic-bezier(.165, .84, .44, 1)
}

.left-nav-tab .tab-link.active,
.left-nav-tab .tab-link:hover {
    background-color: transparent;
    opacity: 1
}

.left-nav-tab .tab-link.active:after,
.left-nav-tab .tab-link:hover:after {
    right: 12px
}

@media (min-width:768px) {
    .left-nav-tab .tab-link.active:after,
    .left-nav-tab .tab-link:hover:after {
        right: 20px
    }
}

[data-video-container] {
    position: relative
}

[data-video-container] video.background-cover {
    cursor: default;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    top: 0;
    width: 100%
}

[data-video-container] .video-player {
    opacity: 1;
    visibility: visible
}

[data-video-container] .fullscreen-button {
    background: url(../img/icon-fullscreen.svg) 0 0/100% no-repeat;
    bottom: 3px;
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 20px;
    width: 24px;
    z-index: 3
}

[data-video-container] .play-btn {
    background-color: #fff;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    height: 38px;
    left: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .3s;
    transition-property: visibility, opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 38px;
    z-index: 10
}

@media (min-width:768px) {
    [data-video-container] .play-btn {
        height: 80px;
        width: 80px
    }
}

[data-video-container] .play-btn:after {
    border-color: transparent transparent transparent #5b28a1;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    content: "";
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:768px) {
    [data-video-container] .play-btn:after {
        border-width: 8px 0 8px 12px;
        height: 16px
    }
}

[data-video-container] .video-duration {
    align-items: center;
    background-color: #fff;
    bottom: -1px;
    clip-path: polygon(17px 0, calc(100% - 17px) 0, 100% 100%, 0 100%);
    display: flex;
    font-size: .625rem;
    gap: 11px;
    left: 10px;
    padding: 3px 20px;
    position: absolute
}

[data-video-container] .video-duration .elapsed {
    left: 20px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
    width: 47px
}

[data-video-container] .video-duration .play-mini {
    align-items: center;
    display: flex;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    text-decoration: none;
    text-transform: uppercase
}

[data-video-container] .video-duration .play-mini:before {
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    content: "";
    height: 8px;
    margin-right: 6px
}

@media (min-width:768px) {
    [data-video-container] .video-duration .play-mini:before {
        border-width: 6px 0 6px 8px;
        height: 10px
    }
}

[data-video-container].started .elapsed {
    opacity: 1;
    visibility: visible
}

[data-video-container].playing .play-btn,
[data-video-container].started .play-mini {
    opacity: 0;
    visibility: hidden
}

[data-video-container].playing .play-btn:after {
    border-style: double;
    border-width: 0 0 0 8px
}

@media (min-width:768px) {
    [data-video-container].playing .play-btn:after {
        border-width: 0 0 0 16px
    }
}

[data-video-container].playing:hover .play-btn {
    opacity: .5;
    visibility: visible
}

[data-video-container].fullscreen .video-duration {
    display: none
}

.tab-link-wrapper {
    margin-bottom: -20px
}

.tab-link-wrapper .tab-links {
    align-items: center;
    display: flex;
    gap: 32px;
    margin: 0 auto;
    overflow-x: auto;
    padding-bottom: 20px;
    padding-top: 40px
}

@media (min-width:768px) {
    .tab-link-wrapper .tab-links {
        padding-top: 80px
    }
}

.tab-link-wrapper .tab-links .link {
    border: none;
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.37;
    padding: 0 0 4px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
    white-space: nowrap
}

@media (min-width:768px) {
    .tab-link-wrapper .tab-links .link {
        font-size: 1rem
    }
}

.tab-link-wrapper .tab-links .link:first-child {
    margin-left: auto
}

.tab-link-wrapper .tab-links .link:last-child {
    margin-right: auto
}

.tab-link-wrapper .tab-links .link:after,
.tab-link-wrapper .tab-links .link:before {
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.tab-link-wrapper .tab-links .link:before {
    background-color: hsla(0, 0%, 100%, .5)
}

.tab-link-wrapper .tab-links .link:after {
    color: rgba(91, 40, 161, .5);
    transition: width .3s cubic-bezier(.165, .84, .44, 1);
    width: 0
}

.tab-link-wrapper .tab-links .link.active {
    font-style: italic
}

.tab-link-wrapper .tab-links .link.active:after,
.tab-link-wrapper .tab-links .link:hover:after {
    width: 100%
}

.tag-wrapper {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 12px;
    justify-content: center
}

.promo-tag {
    background-color: #5b28a1;
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
    pointer-events: none;
    z-index: 1
}

.promo-tag:not(.attached) {
    align-self: center;
    display: flex;
    padding: 6px 8px
}

.promo-tag:not(.attached).left {
    align-self: flex-start
}

.promo-tag:not(.attached).right {
    align-self: flex-end
}

.promo-tag.attached {
    left: 10px;
    padding: 0 8px;
    position: absolute;
    top: 0;
    transform: translateY(-50%)
}

.promo-tag .promo-label {
    color: #fff;
    font-size: .6875rem;
    line-height: 1;
    text-transform: uppercase
}

.premium-tag {
    background-color: #5b28a1;
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
    flex: 0 0 auto;
    padding: 0 8px;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1)
}

.premium-tag .premium-label {
    color: #fff;
    font-size: .6875rem;
    line-height: 1;
    text-transform: uppercase;
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

a.live-tag:hover {
    background-color: #5b28a1 !important
}

.live-tag {
    align-items: center;
    background-color: rgba(84, 50, 140, .8);
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
    display: inline-flex;
    font-size: .6875rem;
    justify-content: space-between;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1)
}

.live-tag .live-label {
    color: #bde12f;
    font-style: italic;
    text-transform: uppercase
}

.live-tag .live-circle {
    animation: pulse-animation 2s infinite;
    background-color: #bde12f;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .102);
    flex: 0 0 auto;
    height: 8px;
    margin-left: 10px;
    transition-duration: .3s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 8px
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgba(189, 225, 47, .2)
    }
    to {
        box-shadow: 0 0 0 14px rgba(189, 225, 47, 0)
    }
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl,
.container-xxxl {
    max-width: 1920px
}

img.background-contain,
img.background-cover,
picture.background-contain,
picture.background-cover {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

img.background-cover,
picture.background-cover {
    -o-object-fit: cover;
    object-fit: cover
}

img.background-contain,
picture.background-contain {
    -o-object-fit: contain;
    object-fit: contain
}

img {
    height: auto;
    max-width: 100%
}

img.background-texture {
    max-width: none;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pie-chart-wrapper {
    display: flex;
    justify-content: center;
    position: relative
}

.pie-chart-wrapper .circular-progress {
    --size: 80px;
    --stroke-width: 5px;
    --half-size: calc(var(--size)/2);
    --radius: calc((var(--size) - var(--stroke-width))/2);
    --circumference: calc(var(--radius) * pi * 2);
    --dash: calc((var(--progress)*var(--circumference))/100);
    height: var(--size);
    width: var(--size)
}

@media (max-width:767.98px) {
    .pie-chart-wrapper .circular-progress {
        --size: 64px
    }
}

.pie-chart-wrapper .circular-progress.main {
    --size: 96px;
    --stroke-width: 10px
}

@media (max-width:767.98px) {
    .pie-chart-wrapper .circular-progress.main {
        --size: 80px
    }
}

.pie-chart-wrapper .circular-progress circle {
    cx: var(--half-size);
    cy: var(--half-size);
    r: var(--radius);
    stroke-width: var(--stroke-width);
    fill: none;
    stroke-linecap: butt
}

.pie-chart-wrapper .circular-progress circle.current-progression {
    stroke-dasharray: var(--circumference);
    stroke-dashoffset: var(--circumference);
    transform: rotate(-90deg);
    transform-origin: var(--half-size) var(--half-size);
    transition-duration: .3s;
    transition-property: stroke-dasharray, stroke-dashoffset;
    transition-timing-function: linear
}

.pie-chart-wrapper .score {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.linear-chart {
    height: 5px;
    max-width: 340px;
    position: relative;
    width: 100%
}

.linear-chart:after {
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0) 15%, hsla(0, 0%, 100%, 0) 85%, #fff);
    content: "";
    left: 0;
    right: 0
}

.linear-chart .linear-progress,
.linear-chart:after {
    bottom: 0;
    position: absolute;
    top: 0
}

.linear-chart .linear-progress:first-child {
    left: 0
}

.linear-chart .linear-progress:nth-child(2) {
    right: 0
}

.linear-chart .linear-progress.disabled {
    background-color: #ececec
}

.linear-chart.single {
    max-width: 200px
}

.linear-chart.single:after {
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0) 15%)
}

.black-gradient-from-bottom,
.black-gradient-from-left,
.black-gradient-mbl-bottom-dsk-left,
.violet-gradient-from-bottom,
.violet-gradient-from-left,
.violet-gradient-mbl-bottom-dsk-left {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.violet-gradient-from-bottom {
    background: linear-gradient(0deg, #260e51, transparent)
}

.violet-gradient-from-bottom.lighter {
    background: linear-gradient(0deg, #260e51 0, transparent 50%)
}

.violet-gradient-from-bottom.darker {
    background: linear-gradient(0deg, #260e51 10%, transparent 80%)
}

.violet-gradient-from-left {
    background: linear-gradient(90deg, #260e51, transparent)
}

.violet-gradient-from-left.lighter {
    background: linear-gradient(90deg, #260e51 0, transparent 50%)
}

.violet-gradient-from-left.darker {
    background: linear-gradient(90deg, #260e51 10%, transparent 80%)
}

.violet-gradient-mbl-bottom-dsk-left {
    background: linear-gradient(0deg, #260e51, transparent)
}

.violet-gradient-mbl-bottom-dsk-left.lighter {
    background: linear-gradient(0deg, #260e51 0, transparent 50%)
}

.violet-gradient-mbl-bottom-dsk-left.darker {
    background: linear-gradient(0deg, #260e51 10%, transparent 80%)
}

@media (min-width:768px) {
    .violet-gradient-mbl-bottom-dsk-left {
        background: linear-gradient(90deg, #260e51, transparent)
    }
    .violet-gradient-mbl-bottom-dsk-left.lighter {
        background: linear-gradient(90deg, #260e51 0, transparent 50%)
    }
    .violet-gradient-mbl-bottom-dsk-left.darker {
        background: linear-gradient(90deg, #260e51 10%, transparent 80%)
    }
}

.black-gradient-from-bottom {
    background: linear-gradient(0deg, #000, transparent)
}

.black-gradient-from-bottom.lighter {
    background: linear-gradient(0deg, #000 0, transparent 50%)
}

.black-gradient-from-bottom.darker {
    background: linear-gradient(0deg, #000 10%, transparent 80%)
}

.black-gradient-from-left {
    background: linear-gradient(90deg, #000, transparent)
}

.black-gradient-from-left.lighter {
    background: linear-gradient(90deg, #000 0, transparent 50%)
}

.black-gradient-from-left.darker {
    background: linear-gradient(90deg, #000 10%, transparent 80%)
}

.black-gradient-mbl-bottom-dsk-left {
    background: linear-gradient(0deg, #000, transparent)
}

.black-gradient-mbl-bottom-dsk-left.lighter {
    background: linear-gradient(0deg, #000 0, transparent 50%)
}

.black-gradient-mbl-bottom-dsk-left.darker {
    background: linear-gradient(0deg, #000 10%, transparent 80%)
}

@media (min-width:768px) {
    .black-gradient-mbl-bottom-dsk-left {
        background: linear-gradient(90deg, #000, transparent)
    }
    .black-gradient-mbl-bottom-dsk-left.lighter {
        background: linear-gradient(90deg, #000 0, transparent 50%)
    }
    .black-gradient-mbl-bottom-dsk-left.darker {
        background: linear-gradient(90deg, #000 10%, transparent 80%)
    }
}

.btn {
    --btn-anim-hover-background-width: calc(100% + 2px);
    font-size: .875rem
}

@media (min-width:1200px) {
    .btn {
        font-size: 1.125rem
    }
}

.btn.btn-icon {
    border: none;
    padding: 0;
    text-decoration: none !important
}

.btn-outline-secondary,
.btn-primary,
.btn-primary-violet,
.btn-primary-white {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.btn-outline-secondary.loading,
.btn-primary-violet.loading,
.btn-primary-white.loading,
.btn-primary.loading {
    background-color: transparent !important;
    border-color: transparent !important;
    cursor: auto !important;
    transition-duration: .7s !important;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1) !important
}

.btn-outline-secondary.loading .anim-text,
.btn-primary-violet.loading .anim-text,
.btn-primary-white.loading .anim-text,
.btn-primary.loading .anim-text {
    opacity: 0 !important
}

.btn-outline-secondary.loading:after,
.btn-outline-secondary.loading:before,
.btn-primary-violet.loading:after,
.btn-primary-violet.loading:before,
.btn-primary-white.loading:after,
.btn-primary-white.loading:before,
.btn-primary.loading:after,
.btn-primary.loading:before {
    opacity: 0 !important;
    transition-duration: .7s !important;
    transition-property: width, opacity !important
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    --bs-btn-hover-bg: #5b28a1;
    --bs-btn-active-bg: #4c298a;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #88ca9f;
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px))
}

.btn-outline-secondary {
    --bs-btn-hover-color: #5b28a1;
    --bs-btn-active-color: #5b28a1;
    --bs-btn-padding-y: 0.1875rem;
    --bs-btn-padding-x: 1.0625rem;
    --btn-anim-hover-background-width: calc(100% + 30px);
    border: 14px solid;
    -o-border-image: url(../img/cta-outline-bk.png) 14 stretch;
    border-image: url(../img/cta-outline-bk.png) 14 stretch;
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px))
}

.btn-outline-secondary:before {
    background-color: #fff;
    bottom: -15px !important;
    left: -15px !important;
    top: -15px !important
}

.btn-submit {
    justify-content: flex-start;
    padding-right: calc(var(--bs-btn-padding-x)*2)
}

.btn-submit:after {
    background-image: url(../img/chevron-right-w.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    position: absolute;
    right: var(--bs-btn-padding-x);
    top: 50%;
    transform: translate(50%, -50%);
    width: 12px
}

.btn-primary-violet {
    --bs-btn-color: #fff;
    --bs-btn-bg: #5b28a1;
    --bs-btn-font-weight: 600
}

.btn-primary-violet.btn-anim-inited {
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff
}

.btn-cta,
.btn-primary-white {
    --bs-btn-color: #5b28a1;
    --bs-btn-bg: #fff;
    --bs-btn-font-weight: 600
}

.btn-cta.btn-anim-inited,
.btn-primary-white.btn-anim-inited {
    --bs-btn-hover-color: #5b28a1;
    --bs-btn-active-color: #5b28a1
}

.btn-cta {
    font-size: 1.125rem;
    justify-content: flex-start;
    padding-right: calc(var(--bs-btn-padding-x)*2)
}

@media (min-width:1200px) {
    .btn-cta {
        --bs-btn-padding-y: 1.4375rem;
        font-size: 1.625rem
    }
}

.btn-cta[disabled] {
    --bs-btn-disabled-color: #5b28a1;
    --bs-btn-disabled-bg: #fff;
    opacity: .2
}

.btn-cta:not([disabled]):after {
    background-image: url(../img/icon-plus.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    filter: invert(12%) sepia(78%) saturate(5577%) hue-rotate(266deg) brightness(76%) contrast(83%);
    height: 12px;
    position: absolute;
    right: var(--bs-btn-padding-x);
    top: 50%;
    transform: translate(50%, -50%);
    width: 12px
}

.btn-cta:not([disabled]):not(.btn-anim-inited):focus-visible:after {
    filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
}

.btn-cta:not([disabled]):not(.btn-anim-inited):active:after {
    filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
}

@media (hover:hover) {
    .btn-cta:not([disabled]):not(.btn-anim-inited):hover:after {
        filter: invert(100%) sepia(100%) saturate(0) hue-rotate(288deg) brightness(102%) contrast(102%)
    }
}

.btn-icon.scroll-arrow {
    clip-path: polygon(calc(50% - 1px) 0, calc(50% + 1px) 0, 100% calc(50% - 1px), 100% calc(50% + 1px), calc(50% + 1px) 100%, calc(50% - 1px) 100%, 0 calc(50% + 1px), 0 calc(50% - 1px));
    position: relative
}

.btn-icon.scroll-arrow.scroll-arrow-l .arrow {
    transform: rotate(180deg)
}

.btn-icon.scroll-arrow .arrow {
    height: 40px;
    width: auto
}

.btn-icon.scroll-arrow .arrow .svg-arrow,
.btn-icon.scroll-arrow .arrow .svg-bg {
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.btn-icon.scroll-arrow .arrow .svg-bg {
    transition-property: fill
}

.btn-icon.scroll-arrow .arrow .svg-arrow {
    animation-duration: .8s;
    animation-iteration-count: 1;
    animation-name: icon-leave-enter-out;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-property: stroke
}

.btn-icon.scroll-arrow:focus-visible .arrow .svg-bg {
    fill-opacity: 1;
    fill: #5b28a1
}

.btn-icon.scroll-arrow:focus-visible .arrow .svg-arrow {
    stroke: #fff;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-name: icon-leave-enter;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.btn-icon.scroll-arrow:active .arrow .svg-bg {
    fill-opacity: 1;
    fill: #5b28a1
}

.btn-icon.scroll-arrow:active .arrow .svg-arrow {
    stroke: #fff;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-name: icon-leave-enter;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1)
}

@media (hover:hover) {
    .btn-icon.scroll-arrow:hover .arrow .svg-bg {
        fill-opacity: 1;
        fill: #5b28a1
    }
    .btn-icon.scroll-arrow:hover .arrow .svg-arrow {
        stroke: #fff;
        animation-duration: 2s;
        animation-iteration-count: 1;
        animation-name: icon-leave-enter;
        animation-timing-function: cubic-bezier(.19, 1, .22, 1)
    }
}

@keyframes icon-leave-enter {
    0% {
        animation-timing-function: cubic-bezier(.95, .05, .795, .035);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(30%)
    }
    20.01% {
        opacity: 0;
        transform: translateX(-30%)
    }
    40% {
        opacity: 1
    }
    to {
        transform: translateX(0)
    }
}

@keyframes icon-leave-enter-out {
    0% {
        animation-timing-function: cubic-bezier(.95, .05, .795, .035);
        transform: translateX(0)
    }
    80% {
        opacity: 0;
        transform: translateX(-30%)
    }
    80.01% {
        opacity: 0;
        transform: translateX(30%)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.btn-anim-inited {
    --bs-btn-hover-bg: var(--bs-btn-bg);
    --bs-btn-active-bg: var(--bs-btn-bg);
    align-items: baseline;
    overflow: visible
}

.btn-anim-inited:before {
    bottom: -1px;
    content: "";
    display: block;
    left: -1px;
    position: absolute;
    top: -1px;
    transition: width .5s cubic-bezier(.165, .84, .44, 1);
    width: 0
}

.btn-anim-inited .anim-text {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    transition-property: transform;
    white-space: nowrap
}

.btn-anim-inited .anim-text:not(.shadow-label) {
    transition-delay: .1s;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.btn-anim-inited .anim-text.shadow-label {
    max-width: none;
    pointer-events: none;
    position: absolute;
    transform: translateY(200%);
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(.95, .05, .795, .035);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.btn-anim-inited .anim-text.shadow-label>span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn-anim-inited:focus-visible:before {
    transition-delay: 0ms;
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    width: var(--btn-anim-hover-background-width, calc(100% + 2px))
}

.btn-anim-inited:focus-visible .anim-text:not(.shadow-label) {
    transform: translateY(-250%);
    transition-delay: 0ms;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(.95, .05, .795, .035)
}

.btn-anim-inited:focus-visible .anim-text.shadow-label {
    transform: translateY(0);
    transition-delay: .1s;
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.btn-anim-inited:active:before {
    transition-delay: 0ms;
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    width: var(--btn-anim-hover-background-width, calc(100% + 2px))
}

.btn-anim-inited:active .anim-text:not(.shadow-label) {
    transform: translateY(-250%);
    transition-delay: 0ms;
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(.95, .05, .795, .035)
}

.btn-anim-inited:active .anim-text.shadow-label {
    transform: translateY(0);
    transition-delay: .1s;
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (hover:hover) {
    .btn-anim-inited:hover:before {
        transition-delay: 0ms;
        transition-duration: .8s;
        transition-timing-function: cubic-bezier(.19, 1, .22, 1);
        width: var(--btn-anim-hover-background-width, calc(100% + 2px))
    }
    .btn-anim-inited:hover .anim-text:not(.shadow-label) {
        transform: translateY(-250%);
        transition-delay: 0ms;
        transition-duration: .1s;
        transition-timing-function: cubic-bezier(.95, .05, .795, .035)
    }
    .btn-anim-inited:hover .anim-text.shadow-label {
        transform: translateY(0);
        transition-delay: .1s;
        transition-duration: .8s;
        transition-timing-function: cubic-bezier(.165, .84, .44, 1)
    }
}

.lds-loading {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(1px)
}

.lds-loading>div {
    animation: lds-loading 2.4s cubic-bezier(0, .2, .8, 1) infinite;
    background-image: url(../img/logo-fiorentina.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 30px;
    width: 30px
}

.lds-loading.lds-circle>div {
    background-color: #fff;
    background-image: none;
    border-radius: 100%
}

@keyframes lds-loading {
    0%,
    to {
        animation-timing-function: cubic-bezier(.5, 0, 1, .5)
    }
    0% {
        transform: rotateY(0deg)
    }
    50% {
        animation-timing-function: cubic-bezier(0, .5, .5, 1);
        transform: rotateY(5turn)
    }
    to {
        transform: rotateY(10turn)
    }
}

.prize-image {
    padding: 14%
}

.prize-image:not(.prize-image-bg) {
    background: #260e51
}

.prize-image.no-padding {
    padding: 0 !important
}

.prize-image-bg {
    background: linear-gradient(180deg, #150727 10%, #3b2354 40%, #fff 80%)
}

.btn-account {
    --bs-btn-active-color: #fff;
    --bs-btn-hover-color: #fff;
    clip-path: polygon(calc(50% - 1px) 0, calc(50% + 1px) 0, 100% calc(50% - 1px), 100% calc(50% + 1px), calc(50% + 1px) 100%, calc(50% - 1px) 100%, 0 calc(50% + 1px), 0 calc(50% - 1px));
    color: #fff;
    font-size: .6875rem;
    height: 45px;
    overflow: hidden;
    position: relative
}

.btn-account img {
    height: 100%;
    width: auto
}

.btn-account .name-initials,
.btn-account .name-initials-bg {
    font-style: italic;
    font-weight: 800;
    left: 50%;
    letter-spacing: -.04em;
    line-height: .9;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%)
}

.btn-account .name-initials>span {
    display: block
}

.btn-account .name-initials>span>span {
    color: red;
    opacity: 0
}

.btn-account .name-initials-bg,
.btn-account .name-initials>span>span {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.btn-account .name-initials-bg {
    opacity: .1
}

.btn-account .name-initials-bg span {
    display: block
}

[data-fit-text=true] {
    display: inline-block;
    white-space: nowrap
}

.aspect-ratio-min-height {
    align-items: stretch;
    display: flex
}

.aspect-ratio-min-height .aspect-ratio-min-height-spacer {
    background-color: transparent;
    padding-bottom: 179.4872%;
    pointer-events: none;
    width: 0
}

@media (min-width:768px) {
    .aspect-ratio-min-height .aspect-ratio-min-height-spacer {
        padding-bottom: 55.5556%
    }
}

.big-padding-y {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.big-padding-x {
    padding-left: 2rem;
    padding-right: 2rem
}

.banner-title {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: .91;
    margin-bottom: 20px;
    text-transform: uppercase
}

@media (min-width:576px) {
    .banner-title {
        font-size: 2.3956rem
    }
}

@media (min-width:768px) {
    .banner-title {
        font-size: 2.7919rem
    }
}

@media (min-width:992px) {
    .banner-title {
        font-size: 3.3194rem
    }
}

@media (min-width:1200px) {
    .banner-title {
        font-size: 3.715rem
    }
}

@media (min-width:1500px) {
    .banner-title {
        font-size: 4.375rem
    }
}

@media (min-width:576px) {
    .banner-title {
        margin-bottom: 23.33px
    }
}

@media (min-width:768px) {
    .banner-title {
        margin-bottom: 26.67px
    }
}

@media (min-width:992px) {
    .banner-title {
        margin-bottom: 31.11px
    }
}

@media (min-width:1200px) {
    .banner-title {
        margin-bottom: 34.44px
    }
}

@media (min-width:1500px) {
    .banner-title {
        margin-bottom: 40px
    }
}

.banner-title .light {
    font-style: italic;
    font-weight: 600
}

.banner-text {
    font-size: 1rem
}

@media (min-width:1200px) {
    .banner-text {
        font-size: 1.25rem
    }
}

.progress-svg.progress-svg-initialized .progress-svg-path {
    stroke-opacity: 1
}

.custom-modal {
    z-index: 200 !important
}

.custom-modal .modal-panel {
    background-color: #fff;
    bottom: 0;
    clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
    color: #000;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    left: 50%;
    max-height: calc(100dvh - 126px);
    max-width: min(595px, 100% - 2rem);
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

@media (min-width:768px) {
    .custom-modal .modal-panel {
        bottom: auto;
        left: auto;
        max-height: none;
        max-width: min(600px, 100% - 2rem);
        right: 0;
        top: 0
    }
}

@media (min-width:992px) {
    .custom-modal .modal-panel {
        max-width: min(700px, 100% - 2rem)
    }
}

@media (min-width:1200px) {
    .custom-modal .modal-panel {
        max-width: min(800px, 100% - 2rem)
    }
}

.custom-modal .modal-panel [data-overlayscrollbars-viewport] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.custom-modal .modal-panel .os-scrollbar-vertical {
    right: 3px
}

@media (min-width:576px) {
    .custom-modal .modal-panel .os-scrollbar-vertical {
        right: 10px
    }
}

.custom-modal .modal-panel .modal-body-container {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.custom-modal .modal-panel .header {
    background-color: #56358b;
    letter-spacing: -.04em;
    overflow: hidden;
    position: relative;
    text-transform: uppercase
}

.custom-modal .modal-panel .header .background-texture {
    width: 100%;
    z-index: 0
}

.custom-modal .modal-panel .header>span {
    color: #fff;
    display: block;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1.15;
    position: relative
}

@media (min-width:576px) {
    .custom-modal .modal-panel .header>span {
        font-size: 1.6669rem
    }
}

@media (min-width:768px) {
    .custom-modal .modal-panel .header>span {
        font-size: 1.8331rem
    }
}

@media (min-width:992px) {
    .custom-modal .modal-panel .header>span {
        font-size: 2.0556rem
    }
}

@media (min-width:1200px) {
    .custom-modal .modal-panel .header>span {
        font-size: 2.2225rem
    }
}

@media (min-width:1500px) {
    .custom-modal .modal-panel .header>span {
        font-size: 2.5rem
    }
}

.custom-modal .modal-panel .header .custom-modal-btn-close {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
    border: 0;
    border-radius: .375rem;
    color: #fff;
    filter: invert(1);
    height: 1em;
    opacity: 1;
    padding: .25em;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 1em;
    z-index: 10
}

.custom-modal .modal-panel .actions-wrapper,
.custom-modal .modal-panel .header>span,
.custom-modal .modal-panel .modal-content {
    padding: 40px 1rem 30px
}

@media (min-width:576px) {
    .custom-modal .modal-panel .actions-wrapper,
    .custom-modal .modal-panel .header>span,
    .custom-modal .modal-panel .modal-content {
        padding: 40px 40px 30px
    }
}

@media (min-width:768px) {
    .custom-modal .modal-panel .actions-wrapper,
    .custom-modal .modal-panel .header>span,
    .custom-modal .modal-panel .modal-content {
        padding: 66px 50px 40px
    }
}

.custom-modal .modal-panel .modal-content:not(.not-expanded) {
    flex: 1
}

.custom-modal .modal-panel .actions-wrapper {
    text-align: center
}

.custom-modal .modal-panel .actions-wrapper .label {
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px
}

@media (min-width:992px) {
    .custom-modal .modal-panel .actions-wrapper .label {
        font-size: 1.5rem;
        margin-bottom: 32px;
        max-width: 380px
    }
}

.custom-modal .modal-panel .actions {
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    justify-content: center
}

@media (max-width:767.98px) {
    .custom-modal .modal-panel {
        transition-property: opacity, margin
    }
    .custom-modal .modal-panel.animate {
        margin-bottom: -20px
    }
    .custom-modal .modal-panel.in {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .custom-modal .modal-panel {
        transition-property: opacity, transform
    }
    .custom-modal .modal-panel.current-step.animate {
        transform: translateX(20px)
    }
    .custom-modal .modal-panel.current-step.in {
        transform: translateX(0)
    }
    .custom-modal .modal-panel.current-step.out {
        transform: translateX(40px)
    }
}

.form-control {
    background-color: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
    font-style: italic;
    letter-spacing: -.04em
}

.form-control:not(:-moz-read-only):focus {
    background-color: transparent;
    border-color: #5b28a1 !important
}

.form-control:not(:read-only):focus {
    background-color: transparent;
    border-color: #5b28a1 !important
}

.form-textarea {
    max-height: 580px !important;
    min-height: 200px !important
}

.form-select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-position: calc(100% - 10px) calc(50% + 8px);
    line-height: 1
}

.form-select:focus {
    border-color: #5b28a1 !important
}

.form-select:focus option {
    color: #000
}

.form-select:focus option:checked {
    color: #5b28a1
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input::-webkit-calendar-picker-indicator,
input[type=data] {
    filter: brightness(0) saturate(100%) invert(16%) sepia(93%) saturate(2268%) hue-rotate(256deg) brightness(93%) contrast(96%)
}

.form-floating>label {
    color: rgba(0, 0, 0, .8);
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 800;
    text-transform: uppercase
}

.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating>.form-control:not(.form-select):not(:-moz-placeholder-shown,
.invalid-date) {
    border-color: rgba(91, 40, 161, .5)
}

.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:not(.form-select):not(:placeholder-shown,
.invalid-date),
.form-floating>.form-select:not(.select-no-options) {
    border-color: rgba(91, 40, 161, .5)
}

.form-floating:has(.form-control:not(:-moz-placeholder-shown))>label {
    color: #000;
    font-style: normal;
    font-weight: 400
}

.form-floating:has(.form-control-plaintext)>label,
.form-floating:has(.form-control:focus)>label,
.form-floating:has(.form-control:not(:placeholder-shown))>label,
.form-floating:has(.form-select)>label {
    color: #000;
    font-style: normal;
    font-weight: 400
}

.form-floating>.invalid-date,
.form-floating>.select-no-options {
    color: rgba(0, 0, 0, .36)
}

.form-floating:has(.form-control:not(:-moz-read-only):focus)>label {
    color: #5b28a1
}

.form-floating:has(.form-control:not(:read-only):focus)>label,
.form-floating:has(.form-select:focus)>label {
    color: #5b28a1
}

.form-floating.filter-white .form-control {
    border-color: hsla(0, 0%, 100%, .5);
    color: #fff
}

.form-floating.filter-white .form-control:focus {
    border-color: #fff !important
}

.form-floating.filter-white>label {
    color: hsla(0, 0%, 100%, .3)
}

.form-floating.filter-white>.form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating.filter-white>.form-control:not(:-moz-placeholder-shown) {
    border-color: hsla(0, 0%, 100%, .5)
}

.form-floating.filter-white>.form-control-plaintext:not(:placeholder-shown),
.form-floating.filter-white>.form-control:not(:placeholder-shown) {
    border-color: hsla(0, 0%, 100%, .5)
}

.form-floating.filter-white:has(.form-control:not(:-moz-placeholder-shown))>label {
    color: #fff
}

.form-floating.filter-white:has(.form-control-plaintext)>label,
.form-floating.filter-white:has(.form-control:focus)>label,
.form-floating.filter-white:has(.form-control:not(:placeholder-shown))>label,
.form-floating.filter-white:has(.form-select)>label {
    color: #fff
}

@media (min-width:1200px) {
    .form-floating.filter-white:has(.form-control: not(:-moz-placeholder-shown))>label {
        transform:scale(.375) translateY(-1.25rem)
    }
    .form-floating.filter-white:has(.form-control-plaintext)>label,
    .form-floating.filter-white:has(.form-control:focus)>label,
    .form-floating.filter-white:has(.form-control:not(:placeholder-shown))>label,
    .form-floating.filter-white:has(.form-select)>label {
        transform: scale(.375) translateY(-1.25rem)
    }
}

.form-floating.filter-white:has(.form-control:focus)>label {
    color: #fff
}

.form-floating:has(.form-control:not(:-moz-placeholder-shown))>label:after {
    background-color: transparent
}

.form-floating:has(.form-control-plaintext)>label:after,
.form-floating:has(.form-control:focus)>label:after,
.form-floating:has(.form-control:not(:placeholder-shown))>label:after,
.form-floating:has(.form-select)>label:after {
    background-color: transparent
}

.form-floating:not(:first-child) {
    margin-top: 30px
}

.form-check {
    align-items: baseline;
    display: flex;
    gap: 10px;
    position: relative
}

.form-check:has(.form-check-input:invalid,
.form-check-input.is-invalid):has(.invalid-feedback) {
    padding-bottom: 20px
}

.form-check:has(.form-check-input:invalid,
.form-check-input.is-invalid):has(.invalid-feedback) .invalid-feedback {
    bottom: 0;
    left: 0;
    position: absolute
}

.form-check-input {
    height: 1.25em;
    width: 1.25em
}

.form-check-label {
    position: relative;
    top: -.25em
}

.form-control.is-invalid,
.form-control.is-valid,
.was-validated .form-control:invalid,
.was-validated .form-control:valid {
    background-position: 100%;
    background-size: calc(.7em + .975rem) calc(.7em + .975rem)
}

.grow-on-hover {
    background-color: transparent;
    position: relative;
    z-index: 1
}

.grow-on-hover:after {
    background-color: rgba(0, 150, 65, .502);
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: height .5s cubic-bezier(.165, .84, .44, 1);
    width: 100%;
    z-index: -1
}

.grow-on-hover:focus-visible:after {
    bottom: 0;
    height: 100%;
    top: unset
}

.grow-on-hover:active:after {
    bottom: 0;
    height: 100%;
    top: unset
}

@media (hover:hover) {
    .grow-on-hover:hover:after {
        bottom: 0;
        height: 100%;
        top: unset
    }
}

.animated-link {
    padding-bottom: 4px;
    position: relative;
    text-decoration: none !important
}

.animated-link:after {
    border-bottom: 1px solid;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    transition: width .5s cubic-bezier(.165, .84, .44, 1);
    width: 100%
}

.animated-link:focus-visible:after {
    left: unset;
    right: 0;
    width: 0
}

.animated-link:active:after {
    left: unset;
    right: 0;
    width: 0
}

@media (hover:hover) {
    .animated-link:hover:after {
        left: unset;
        right: 0;
        width: 0
    }
}

[data-anchor-element] {
    scroll-margin-top: 105px
}

body.menu-container-sticky-in [data-anchor-element] {
    scroll-margin-top: 90px
}

body.with-strip [data-anchor-element] {
    scroll-margin-top: 125px
}

body.menu-container-sticky-in.with-strip [data-anchor-element] {
    scroll-margin-top: 110px
}

[data-table-builder] .table {
    margin-bottom: 56px
}

@media (min-width:992px) {
    [data-table-builder] .table {
        margin-bottom: 64px
    }
}

[data-table-builder] .table .content-title {
    color: #5b28a1;
    font-size: 1.5rem;
    font-style: italic;
    letter-spacing: -.04em;
    line-height: 1.25;
    margin-bottom: 32px;
    text-transform: uppercase
}

@media (min-width:992px) {
    [data-table-builder] .table .content-title {
        font-size: 2rem;
        margin-bottom: 50px
    }
}

[data-table-builder] .table .table-header {
    text-align: center
}

[data-table-builder] .table .table-header .cell {
    padding-left: 0;
    padding-right: 0
}

[data-table-builder] .table .table-row {
    display: flex;
    width: 100%
}

[data-table-builder] .table .table-row .cell {
    color: #5b28a1;
    flex-basis: 30%;
    font-size: .9375rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.4;
    padding: 24px
}

[data-table-builder] .table .table-row .cell.cell-first {
    flex-basis: 40%
}

[data-table-builder] .table .table-row .cell.included,
[data-table-builder] .table .table-row .cell.not-included {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px
}

[data-table-builder] .table .table-row .cell.included {
    background-image: url(../img/challenge-card-status-completed.svg)
}

[data-table-builder] .table .table-row .cell.not-included {
    background-image: url(../img/icon-not-included.svg)
}

[data-table-builder] .table .table-content {
    border: 1px solid #ddd
}

[data-table-builder] .table .table-content .table-row:not(:last-child) {
    border-bottom: 1px solid #ddd
}

[data-table-builder] .table .table-content .table-row .cell:not(:last-child) {
    border-right: 1px solid #ddd
}

@media (max-width:991.98px) {
    [data-table-builder] .table .desktop-table {
        display: none
    }
}

[data-table-builder] .table .desktop-table .table-content .cell:not(.cell-first) {
    text-align: center
}

[data-table-builder] .table .mobile-table {
    border-bottom: 1px solid #ddd;
    padding-bottom: 56px
}

@media (min-width:992px) {
    [data-table-builder] .table .mobile-table {
        display: none
    }
}

[data-table-builder] .table .mobile-table .table-heading {
    border-bottom: 1px solid #ddd;
    color: #5b28a1;
    font-size: .9375rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.4;
    margin-bottom: 0;
    padding-bottom: 12px
}

[data-table-builder] .table .mobile-table .table-row .cell {
    flex-basis: 40%;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 24px
}

[data-table-builder] .table .mobile-table .table-row .cell.cell-first {
    flex-basis: 60%
}

[data-table-builder] .table .mobile-table .table-row .cell:not(.cell-first) {
    padding-right: 0;
    text-align: right
}

[data-table-builder] .table .mobile-table .row-spacer {
    margin-bottom: 80px
}

.custom-toast .toast {
    --bs-toast-bg: #202124;
    --bs-toast-border-width: 0;
    --bs-toast-color: #fff
}

.generic-modal .modal-content {
    border: none;
    padding: 12px 26px
}

.generic-modal .modal-body {
    padding: 36px 0
}

.generic-modal .modal-header {
    padding: 15px 0
}

.generic-modal .modal-footer {
    border-top: none;
    padding: 25px 0 15px
}

@media (max-width:575.98px) {
    .generic-modal .modal-dialog {
        margin-top: calc(.5rem + 109px)
    }
}

.generic-modal .btn-close {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
    border: 0;
    border-radius: .375rem;
    color: #fff;
    filter: invert(1);
    height: 1em;
    opacity: .5;
    padding: .25em;
    width: 1em
}

.generic-modal .btn-close:hover {
    opacity: 1
}

.accordion {
    --bs-body-bg: transparent;
    --bs-primary-bg-subtle: transparent;
    margin-top: 56px;
    max-width: 560px;
    width: 100%
}

.accordion.color-fiorentina .accordion-icon:after,
.accordion.color-fiorentina .accordion-icon:before,
.accordion.color-fiorentina .accordion-item:after {
    background-color: #5b28a1 !important
}

.accordion.color-fiorentina .accordion-body,
.accordion.color-fiorentina .accordion-button {
    color: #5b28a1 !important;
    opacity: 1 !important
}

.accordion .accordion-item {
    border-bottom: none;
    position: relative
}

.accordion .accordion-item:not(:first-child) {
    margin-top: 36px
}

.accordion .accordion-item:after {
    background-color: #fff;
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

.accordion .accordion-item .accordion-header .accordion-button {
    box-shadow: none !important;
    color: #fff;
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 700;
    justify-content: space-between;
    padding: 16px 0;
    text-transform: uppercase
}

.accordion .accordion-item .accordion-header .accordion-button:after {
    content: none
}

.accordion .accordion-item .accordion-header .accordion-button .accordion-icon {
    flex-shrink: 0;
    height: 20px;
    margin-left: 16px;
    position: relative;
    width: 20px
}

.accordion .accordion-item .accordion-header .accordion-button .accordion-icon:after,
.accordion .accordion-item .accordion-header .accordion-button .accordion-icon:before {
    background-color: #fff;
    border-radius: 1.5px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    width: 60%
}

.accordion .accordion-item .accordion-header .accordion-button.collapsed .accordion-icon:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.accordion .accordion-item .accordion-collapse .accordion-body {
    letter-spacing: -.04em;
    opacity: .7;
    padding: 20px 0 30px
}

.custom-modal-backdrop {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #000;
    display: none;
    left: 0;
    opacity: 0;
    outline: none !important;
    position: fixed;
    right: 0;
    top: 0;
    transition-duration: 0ms;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    z-index: 10
}

.custom-modal-backdrop.animate {
    display: block;
    opacity: 0
}

.custom-modal-backdrop.in {
    opacity: 1;
    transition-duration: .4s
}

.custom-modal-backdrop.out {
    transition-duration: .2s
}

.custom-modal-backdrop>.container,
.custom-modal-backdrop>.container-fluid,
.custom-modal-backdrop>.container-lg,
.custom-modal-backdrop>.container-md,
.custom-modal-backdrop>.container-sm,
.custom-modal-backdrop>.container-xl,
.custom-modal-backdrop>.container-xxl,
.custom-modal-backdrop>.container-xxxl {
    pointer-events: none
}

.schedule-match-container {
    background: linear-gradient(0deg, #4c298a, #361e61);
    overflow: hidden;
    padding-top: 32px;
    position: relative;
    z-index: 2
}

@media (min-width:992px) {
    .schedule-match-container {
        padding-top: 50px
    }
}

.schedule-match-container .scheduled-title {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.25;
    margin-bottom: 16px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    .schedule-match-container .scheduled-title {
        font-size: 2rem
    }
}

@media (min-width:992px) {
    .schedule-match-container .scheduled-title {
        margin-bottom: 32px
    }
}

.schedule-match-container .schedule-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    .schedule-match-container .schedule-wrapper {
        flex-direction: row
    }
}

.schedule-match-container .schedule-wrapper:after {
    background-color: hsla(0, 0%, 87%, .26);
    clip-path: polygon(0 15px, 20% 15px, calc(20% + 15px) 0, 80% 0, calc(80% + 15px) 15px, 100% 15px, 100% 16px, calc(80% + 15px) 16px, 80% 1px, calc(20% + 15px) 1px, 20% 16px, 0 16px);
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width:992px) {
    .schedule-match-container .schedule-wrapper:after {
        clip-path: polygon(0 15px, 30% 15px, calc(30% + 15px) 0, 70% 0, calc(70% + 15px) 15px, 100% 15px, 100% 16px, calc(70% + 15px) 16px, 70% 1px, calc(30% + 15px) 1px, 30% 16px, 0 16px)
    }
}

@media (min-width:1500px) {
    .schedule-match-container .schedule-wrapper:after {
        clip-path: polygon(0 15px, 33% 15px, calc(33% + 15px) 0, 66% 0, calc(66% + 15px) 15px, 100% 15px, 100% 16px, calc(66% + 15px) 16px, 66% 1px, calc(33% + 15px) 1px, 33% 16px, 0 16px)
    }
}

.schedule-match-container .schedule-wrapper .schedule-item:not(:first-child) {
    border: solid hsla(0, 0%, 100%, .26);
    border-width: 1px 0 0
}

@media (min-width:992px) {
    .schedule-match-container .schedule-wrapper .schedule-item:not(:first-child) {
        border-width: 0 0 0 1px
    }
}

@media (min-width:992px) {
    .schedule-match-container .schedule-wrapper:has(.schedule-item: only-child) .team {
        width:120px
    }
}

@media (min-width:992px) {
    .schedule-match-container .schedule-wrapper:has(.schedule-item: only-child) .team-logo {
        height:120px;
        width: 120px
    }
}

.card-selector {
    font-size: 1.125rem
}

@media (min-width:1200px) {
    .card-selector {
        font-size: 1.25rem
    }
}

.card-selector .selector {
    display: flex;
    gap: 1rem
}

@media (min-width:576px) {
    .card-selector .selector {
        gap: 24px
    }
}

.card-selector .selector .card-selection {
    border: 2px solid hsla(0, 0%, 100%, .2);
    border-radius: 1.46px;
    color: #fff;
    flex: 1 1 50%;
    max-width: 230px;
    position: relative;
    transition: border .5s cubic-bezier(.165, .84, .44, 1);
    z-index: 0
}

.card-selector .selector .card-selection:focus-visible {
    border-color: #fff
}

.card-selector .selector .card-selection:focus-visible .content .background-cover {
    transform: scale(1.1) translateZ(0)
}

.card-selector .selector .card-selection:active {
    border-color: #fff
}

.card-selector .selector .card-selection:active .content .background-cover {
    transform: scale(1.1) translateZ(0)
}

@media (hover:hover) {
    .card-selector .selector .card-selection:hover {
        border-color: #fff
    }
    .card-selector .selector .card-selection:hover .content .background-cover {
        transform: scale(1.1) translateZ(0)
    }
}

.card-selector .selector .card-selection.selected {
    border-color: #fff;
    cursor: default
}

.card-selector .selector .card-selection.selected:after {
    opacity: 1;
    transform: scale(1) rotate(0deg) translateZ(0)
}

.card-selector .selector .card-selection.selected .content .background-cover {
    transform: scale(1.1) translateZ(0)
}

.card-selector .selector .card-selection:after {
    background-image: url(../img/check-fill-no-border.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 24px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    right: -8px;
    top: 0;
    top: -8px;
    transform: scale(.2) rotate(-1turn) translateZ(0);
    transition-duration: .6s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 24px
}

@media (min-width:576px) {
    .card-selector .selector .card-selection:after {
        height: 34px;
        right: -11px;
        top: -11px;
        width: 34px
    }
}

.card-selector .selector .card-selection .content {
    display: block;
    overflow: hidden;
    padding-bottom: 59.6491%;
    position: relative
}

.card-selector .selector .card-selection .content .background-cover {
    transform: scale(1) translateZ(0);
    transform-origin: 50% 100%;
    transition: transform .8s cubic-bezier(.165, .84, .44, 1);
    z-index: -1
}

.card-selector .selector .card-selection .text {
    font-size: .8125rem;
    font-weight: 700;
    left: 0;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

@media (min-width:1200px) {
    .card-selector .selector .card-selection .text {
        font-size: 1rem
    }
}

.swiper-pagination-bullet {
    --swiper-pagination-bullet-border-radius: 0;
    --swiper-pagination-bullet-size: 12px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-inactive-color: #fff;
    border: 1px solid #5b28a1;
    transform: rotate(45deg)
}

.plyr:not([data-backdrop-visible=true]):has([data-backdrop-visible=true]) .plyr__video-wrapper,
[data-backdrop-visible=true] .plyr__video-wrapper {
    position: relative
}

.plyr:not([data-backdrop-visible=true]):has([data-backdrop-visible=true]) .plyr__video-wrapper:after,
[data-backdrop-visible=true] .plyr__video-wrapper:after {
    background-image: linear-gradient(0deg, #000, transparent);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.plyr {
    --plyr-color-main: #5b28a1
}

.plyr:not([data-main-player]):has([data-main-player]) .plyr__controls,
.plyr[data-main-player] .plyr__controls {
    padding-bottom: 40px !important
}

@media (min-width:768px) {
    .plyr:not([data-main-player]):has([data-main-player]) .plyr__controls,
    .plyr[data-main-player] .plyr__controls {
        padding-bottom: 20px !important
    }
}

.plyr:not([data-main-player]):has([data-main-player]) iframe,
.plyr[data-main-player] iframe {
    pointer-events: none
}

.plyr .plyr__control--overlaid {
    --plyr-control-spacing: 8px;
    --plyr-control-icon-size: 14px;
    background-color: #fff;
    border: 2px solid;
    border-radius: 0;
    color: #5b28a1;
    transform: translate(-50%, -50%) rotate(45deg)
}

@media (min-width:1200px) {
    .plyr .plyr__control--overlaid {
        --plyr-control-spacing: 14px
    }
}

.plyr .plyr__control--overlaid svg {
    transform: rotate(-45deg)
}

.plyr .plyr__poster {
    z-index: 0
}

@media (max-width:767.98px) {
    .plyr .plyr__volume {
        max-width: 33px;
        min-width: 0
    }
    .plyr .plyr__volume input[data-plyr=volume] {
        display: none;
        height: 25px;
        left: -33px;
        padding-left: 18px;
        position: absolute;
        top: -42px;
        transform: rotate(270deg);
        width: 87px
    }
    .plyr .plyr__volume input[data-plyr=volume]:hover,
    .plyr .plyr__volume:hover input[data-plyr=volume] {
        display: block !important
    }
}

.os-scrollbar {
    --os-padding-axis: 1rem;
    --os-padding-perpendicular: 3px;
    --os-handle-bg: rgba(0, 0, 0, .34);
    --os-handle-bg-hover: rgba(0, 0, 0, .45);
    --os-handle-bg-active: rgba(0, 0, 0, .56);
    --os-track-border-radius: 0;
    --os-handle-border-radius: 0
}

@property --header-bk-color-1 {
    syntax: "<color>";
    initial-value: #1a093a;
    inherits: false
}

@property --header-bk-color-2 {
    syntax: "<color>";
    initial-value: transparent;
    inherits: false
}

header.main-header {
    pointer-events: none
}

header.main-header .marquee-strip {
    background-image: url(../img/strip.svg);
    background-repeat: repeat-x;
    background-size: auto 100%;
    height: 20px;
    pointer-events: auto;
    z-index: 2
}

header.main-header .marquee-strip .marquee-text {
    align-items: center;
    display: flex;
    font-size: .6875rem
}

header.main-header .marquee-strip .marquee-text a,
header.main-header .marquee-strip .marquee-text span {
    align-items: center;
    display: flex;
    margin-right: 60px
}

@media (min-width:992px) {
    header.main-header .marquee-strip .marquee-text a,
    header.main-header .marquee-strip .marquee-text span {
        margin-right: 118px
    }
}

header.main-header .marquee-strip .marquee-text img {
    height: 9px;
    margin-left: 8px;
    position: relative;
    top: -1px;
    width: auto
}

header.main-header .logo-wrapper {
    align-items: center;
    display: flex;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

header.main-header .logo-wrapper .btn-logo {
    clip-path: polygon(calc(50% - 1px) 0, calc(50% + 1px) 0, 100% calc(50% - 1px), 100% calc(50% + 1px), calc(50% + 1px) 100%, calc(50% - 1px) 100%, 0 calc(50% + 1px), 0 calc(50% - 1px))
}

header.main-header .logo-wrapper .btn-logo img {
    height: 4rem;
    transition: height .3s cubic-bezier(.165, .84, .44, 1);
    width: auto
}

@media (min-width:992px) {
    header.main-header .logo-wrapper .btn-logo img {
        height: 3.75rem
    }
}

header.main-header .logo-wrapper .live-wrapper {
    align-items: center;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: hsla(0, 0%, 100%, .1);
    clip-path: polygon(0 0, calc(100% - 22.8px) 0, 100% 50%, calc(100% - 22.8px) 100%, 0 100%, 22.8px 50%);
    display: flex;
    font-size: .875rem;
    height: 45px;
    justify-content: space-between;
    margin-left: -22.5px;
    margin-right: -22.5px;
    padding-left: 26px;
    padding-right: 26px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
    width: 110px;
    z-index: 18
}

@media (min-width:992px) {
    header.main-header .logo-wrapper .live-wrapper {
        left: 100%;
        position: absolute
    }
}

header.main-header .logo-wrapper .live-wrapper:focus-visible {
    background-color: #5b28a1 !important
}

header.main-header .logo-wrapper .live-wrapper:active {
    background-color: #5b28a1 !important
}

@media (hover:hover) {
    header.main-header .logo-wrapper .live-wrapper:hover {
        background-color: #5b28a1 !important
    }
}

body.menu-container-sticky-in header.main-header .logo-wrapper .live-wrapper,
body.menu-open header.main-header .logo-wrapper .live-wrapper {
    background-color: rgba(84, 50, 140, .8)
}

header.main-header .logo-wrapper .live-wrapper .label-live {
    color: #bde12f;
    font-style: italic;
    text-transform: uppercase
}

header.main-header .logo-wrapper .live-wrapper .circle-live {
    animation: pulse-animation 2s infinite;
    background-color: #bde12f;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .102);
    flex: 0 0 auto;
    height: 8px;
    margin-left: 10px;
    transition-duration: .3s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 8px
}

header.main-header .btn-menu {
    align-items: center;
    color: #fff !important;
    display: flex;
    font-size: .875rem;
    font-style: italic;
    font-weight: 800;
    height: 2.8125rem;
    line-height: 1;
    position: relative;
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

header.main-header .btn-menu:focus-visible {
    color: #5b28a1 !important
}

@media (max-width:991.98px) {
    header.main-header .btn-menu:focus-visible .hamburger:after,
    header.main-header .btn-menu:focus-visible .hamburger:before {
        background-color: #5b28a1
    }
}

header.main-header .btn-menu:focus-visible:before {
    border-color: transparent #fff transparent transparent
}

header.main-header .btn-menu:focus-visible:after {
    border-color: transparent transparent transparent #fff
}

header.main-header .btn-menu:active {
    color: #5b28a1 !important
}

@media (max-width:991.98px) {
    header.main-header .btn-menu:active .hamburger:after,
    header.main-header .btn-menu:active .hamburger:before {
        background-color: #5b28a1
    }
}

header.main-header .btn-menu:active:before {
    border-color: transparent #fff transparent transparent
}

header.main-header .btn-menu:active:after {
    border-color: transparent transparent transparent #fff
}

@media (hover:hover) {
    header.main-header .btn-menu:hover {
        color: #5b28a1 !important
    }
}

@media (hover:hover) and (max-width:991.98px) {
    header.main-header .btn-menu:hover .hamburger:after,
    header.main-header .btn-menu:hover .hamburger:before {
        background-color: #5b28a1
    }
}

@media (hover:hover) {
    header.main-header .btn-menu:hover:before {
        border-color: transparent #fff transparent transparent
    }
    header.main-header .btn-menu:hover:after {
        border-color: transparent transparent transparent #fff
    }
}

body.menu-container-sticky-in header.main-header .btn-menu .hamburger:after,
body.menu-container-sticky-in header.main-header .btn-menu .hamburger:before {
    background-color: #5b28a1 !important
}

body.menu-open header.main-header .btn-menu {
    color: #fff !important
}

body.menu-open header.main-header .btn-menu .hamburger:after,
body.menu-open header.main-header .btn-menu .hamburger:before {
    background-color: #5b28a1 !important
}

body.menu-open header.main-header .btn-menu .hamburger:before {
    transform: translateY(0) rotate(-45deg)
}

body.menu-open header.main-header .btn-menu .hamburger:after {
    transform: translateY(0) rotate(45deg)
}

body.menu-open header.main-header .btn-menu:before {
    border-color: transparent #5b28a1 transparent transparent !important
}

body.menu-open header.main-header .btn-menu:after {
    border-color: transparent transparent transparent #5b28a1 !important
}

header.main-header .btn-menu .hamburger {
    display: block;
    height: 1.375rem;
    position: relative;
    width: 1.375rem
}

header.main-header .btn-menu .hamburger:after,
header.main-header .btn-menu .hamburger:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transition-duration: .3s;
    transition-property: background-color, transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 100%
}

header.main-header .btn-menu .hamburger:before {
    transform: translateY(-3px)
}

header.main-header .btn-menu .hamburger:after {
    transform: translateY(2px)
}

header.main-header .btn-menu .center {
    align-items: center;
    align-self: stretch;
    display: flex;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1)
}

@media (max-width:991.98px) {
    header.main-header .btn-menu .center {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

header.main-header .btn-menu img.arrow {
    height: 2.8125rem;
    width: auto
}

header.main-header .btn-menu img.arrow.arrow-right {
    transform: rotate(180deg)
}

header.main-header ol.menu-sections {
    align-items: baseline;
    display: flex;
    margin-bottom: 0
}

header.main-header .section-menu-item {
    align-items: baseline;
    display: flex;
    font-size: .8125rem;
    font-style: italic;
    font-weight: 800;
    line-height: 1;
    margin-left: 1.25rem;
    text-transform: uppercase
}

header.main-header .section-menu-item:first-child {
    margin-left: 0
}

header.main-header .section-menu-item a {
    text-decoration: none
}

@media (max-width:991.98px) {
    header.main-header .section-menu-item,
    header.main-header ol.menu-sections {
        display: none
    }
}

header.main-header .btn-account {
    display: flex;
    flex: 0 0 auto;
    height: 2.8125rem;
    justify-content: center;
    margin-left: 1.25rem;
    transition: height .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:992px) {
    header.main-header .btn-account {
        height: 3.75rem
    }
}

body.menu-container-sticky-in header.main-header .btn-account,
body.menu-open header.main-header .btn-account {
    color: #5b28a1
}

header.main-header .account-name-mask,
header.main-header .icon-account-mask,
header.main-header .menu-mask-image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 100%;
    transition: height .3s cubic-bezier(.165, .84, .44, 1);
    width: 2.8125rem
}

@media (min-width:992px) {
    header.main-header .account-name-mask,
    header.main-header .icon-account-mask,
    header.main-header .menu-mask-image {
        width: 3.75rem
    }
}

header.main-header .menu-mask-image {
    display: none
}

@media (max-width:991.98px) {
    header.main-header .menu-mask-image {
        background-image: url(../img/menu-mask.svg);
        display: block
    }
}

header.main-header .icon-account-mask {
    background-image: url(../img/icon-account.svg)
}

header.main-header .account-name-mask {
    background-image: url(../img/account-name-mask.svg)
}

body.menu-container-sticky-in header.main-header .icon-account-mask,
body.menu-open header.main-header .icon-account-mask {
    background-image: url(../img/icon-account-w.svg)
}

body.menu-container-sticky-in header.main-header .account-name-mask,
body.menu-open header.main-header .account-name-mask {
    background-image: url(../img/account-name-mask-w.svg)
}

@media (max-width:991.98px) {
    body.menu-container-sticky-in header.main-header .menu-mask-image,
    body.menu-open header.main-header .menu-mask-image {
        background-image: url(../img/menu-mask-w.svg)
    }
}

header.main-header .menu-wrapper {
    background: linear-gradient(180deg, var(--header-bk-color-1) 0, var(--header-bk-color-2) 100%);
    display: flex;
    min-height: 72px;
    padding: 6px 0;
    transition-duration: .3s;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    transition: --header-bk-color-1 .3s, --header-bk-color-2 .3s
}

body.menu-container-sticky-in header.main-header .menu-wrapper,
body.menu-open header.main-header .menu-wrapper {
    --header-bk-color-1: #fff;
    --header-bk-color-2: #fff;
    color: #5b28a1
}

body.menu-container-sticky-in header.main-header .menu-wrapper .section-menu-item a:after,
body.menu-open header.main-header .menu-wrapper .section-menu-item a:after {
    background-color: #5b28a1
}

body.menu-container-sticky-in header.main-header .menu-wrapper {
    min-height: 57px
}

body.menu-container-sticky-in header.main-header .menu-wrapper .btn-account {
    height: 2.8125rem !important
}

body.menu-container-sticky-in header.main-header .menu-wrapper .btn-account .account-name-mask,
body.menu-container-sticky-in header.main-header .menu-wrapper .btn-account .icon-account-mask {
    width: 2.8125rem
}

body.menu-container-sticky-in header.main-header .menu-wrapper .btn-logo img {
    height: 2.8125rem !important
}

header.main-header .menu-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    position: relative;
    transition-duration: 1s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

body.menu-container-sticky-in header.main-header .menu-container>* {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

body.account-menu-open header.main-header .menu-container .left-bar {
    z-index: 10
}

body.account-menu-open header.main-header .menu-container .right-bar {
    z-index: 11
}

body.account-menu-open header.main-header .menu-container .right-bar .lang-dropdown {
    opacity: .5;
    pointer-events: none
}

header.main-header .menu-container .btn-search>*,
header.main-header .menu-container .left-bar>*,
header.main-header .menu-container .logo-wrapper>*,
header.main-header .menu-container .right-bar>*,
header.main-header .menu-container .section-menu-item>* {
    pointer-events: auto
}

header.main-header .menu-container .left-bar {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-start
}

header.main-header .menu-container .left-bar>* {
    z-index: 20
}

header.main-header .menu-container .btn-search {
    align-items: center;
    display: flex;
    margin-left: 1.25rem;
    text-decoration: none
}

@media (min-width:992px) {
    header.main-header .menu-container .btn-search {
        margin-left: auto
    }
}

header.main-header .menu-container .btn-search .btn-search-label {
    padding-left: 8px
}

@media (max-width:991.98px) {
    header.main-header .menu-container .btn-search .btn-search-label {
        display: none
    }
}

body.menu-container-sticky-in header.main-header .menu-container .btn-search img,
body.menu-open header.main-header .menu-container .btn-search img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(74%) saturate(4048%) hue-rotate(262deg) brightness(74%) contrast(89%)
}

header.main-header .menu-container .right-bar {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-left: auto
}

@media (min-width:992px) {
    header.main-header .menu-container .right-bar {
        margin-left: 0
    }
}

@media (min-width:1500px) {
    header.main-header .menu-container .right-bar {
        flex-direction: row
    }
}

header.main-header .menu-container .right-bar .user-info {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    width: 5rem
}

@media (min-width:992px) {
    header.main-header .menu-container .right-bar .user-info {
        flex-direction: row
    }
}

header.main-header .left-bar-middle-container {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: hsla(0, 0%, 100%, .1);
    clip-path: polygon(100% 0, calc(100% - 23.8px) 50%, 100% 100%, 0 100%, 23.8px 50%, 0 0);
    font-size: .875rem;
    height: 45px;
    margin-left: -22.5px;
    margin-right: -22.5px;
    padding-left: 34.5px;
    padding-right: 34.5px;
    position: relative;
    z-index: 18
}

header.main-header .breadcrumb-nav {
    display: none;
    padding-right: 42.5px
}

@media (min-width:992px) {
    header.main-header .breadcrumb-nav {
        align-items: center;
        display: flex
    }
}

header.main-header .user-points {
    align-items: center;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: hsla(0, 0%, 100%, .1);
    clip-path: polygon(23.8px 0, 100% 0, calc(100% - 23.8px) 50%, 100% 100%, 23.8px 100%, 0 50%);
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    height: 45px;
    line-height: 1;
    margin-right: -22.5px;
    padding-left: 22.5px;
    padding-right: 30.5px;
    position: relative;
    text-transform: uppercase;
    z-index: -1
}

@media (min-width:992px) {
    header.main-header .user-points {
        clip-path: polygon(23.8px 0, calc(100% - 23.8px) 0, 100% 50%, calc(100% - 23.8px) 100%, 23.8px 100%, 0 50%);
        font-size: .8125rem;
        margin-right: 0;
        padding-left: 30.5px
    }
}

header.main-header .user-points .value {
    position: relative;
    top: 1px
}

header.main-header .user-points .lily {
    height: 16px;
    margin-right: 4px;
    width: auto
}

@media (min-width:992px) {
    header.main-header .user-points .lily {
        margin-right: 8px
    }
}

@media only screen and (max-width:376px) {
    header.main-header .user-points .lily {
        display: none
    }
}

header.main-header .lang-dropdown {
    margin-left: 1.25rem
}

@media (max-width:991.98px) {
    header.main-header .lang-dropdown {
        display: none
    }
}

header.main-header .lang-dropdown .flag {
    display: flex;
    height: 14px;
    overflow: hidden;
    position: relative;
    transform: rotate(45deg);
    width: 14px
}

header.main-header .lang-dropdown .flag img {
    height: 20px;
    left: 50%;
    max-width: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: center center;
    width: 20px
}

header.main-header .lang-dropdown .dropdown-toggle {
    align-items: center;
    display: flex;
    min-height: 40px
}

header.main-header .lang-dropdown .dropdown-toggle:after {
    background-image: url(../img/chevron-bottom-w.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    height: 11px;
    margin-left: .5625rem;
    transition: transform .4s cubic-bezier(.165, .84, .44, 1);
    width: 11px
}

body.menu-container-sticky-in header.main-header .lang-dropdown .dropdown-toggle:after,
body.menu-open header.main-header .lang-dropdown .dropdown-toggle:after {
    filter: brightness(0) saturate(100%) invert(16%) sepia(74%) saturate(4048%) hue-rotate(262deg) brightness(74%) contrast(89%)
}

header.main-header .lang-dropdown .dropdown-toggle.show:after {
    transform: rotate(-180deg)
}

header.main-header .lang-dropdown .dropdown-toggle.show .lang {
    opacity: 0
}

header.main-header .lang-dropdown .dropdown-toggle .lang {
    color: #fff;
    font-size: .8125rem;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 1;
    margin-right: .5625rem;
    position: relative;
    top: 2px;
    transition: opacity .2s cubic-bezier(.165, .84, .44, 1)
}

@media (max-width:991.98px) {
    header.main-header .lang-dropdown .dropdown-toggle .lang {
        display: none
    }
}

header.main-header .lang-dropdown .dropdown-menu {
    --bs-dropdown-bg: #5a348b;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-padding-y: 11px;
    --bs-dropdown-padding-x: 16px;
    --bs-dropdown-font-size: 0.8125rem;
    --bs-dropdown-header-color: inherit;
    --bs-dropdown-header-padding-x: 15px;
    --bs-dropdown-header-padding-y: 10px;
    --bs-dropdown-divider-bg: hsla(0, 0%, 100%, .7);
    --bs-dropdown-item-padding-x: 15px;
    --bs-dropdown-item-padding-y: 15px;
    --bs-dropdown-min-width: 200px;
    --bs-dropdown-divider-margin-y: 5px;
    --bs-dropdown-link-active-bg: #5a348b;
    --bs-dropdown-link-hover-bg: #5a348b;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
    font-weight: 600;
    inset: 0 auto auto 0 !important;
    letter-spacing: -.04em;
    position: absolute;
    text-transform: uppercase;
    transform: translate(-100%, 24px) !important
}

@media (min-width:992px) {
    header.main-header .lang-dropdown .dropdown-menu {
        transform: translate(calc(-100% + 25px), 24px) !important
    }
}

header.main-header .lang-dropdown .dropdown-menu>li {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

header.main-header .lang-dropdown .dropdown-menu>li:has(.dropdown-header),
header.main-header .lang-dropdown .dropdown-menu>li:last-child {
    border: none
}

header.main-header .lang-dropdown .dropdown-menu>li:focus-visible .dropdown-item {
    color: #fff
}

header.main-header .lang-dropdown .dropdown-menu>li:active .dropdown-item {
    color: #fff
}

@media (hover:hover) {
    header.main-header .lang-dropdown .dropdown-menu>li:hover .dropdown-item {
        color: #fff
    }
}

header.main-header .lang-dropdown .dropdown-menu .dropdown-header {
    font-size: inherit;
    font-weight: inherit
}

header.main-header .lang-dropdown .dropdown-menu .dropdown-item,
header.main-header .lang-dropdown .dropdown-menu .dropdown-item-text {
    align-items: center;
    display: flex;
    font-weight: inherit;
    justify-content: space-between
}

header.main-header .lang-dropdown .dropdown-menu .dropdown-item {
    color: hsla(0, 0%, 100%, .3);
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

header.main-header .lang-dropdown .dropdown-menu .flag {
    border-color: transparent
}

header.main-header .lang-dropdown .dropdown-menu img.bull {
    height: 6px;
    margin-right: 4px;
    position: relative;
    top: -1px;
    width: auto
}

body.menu-container-sticky-in header.main-header .lang-dropdown .lang,
body.menu-open header.main-header .lang-dropdown .lang {
    color: #5b28a1
}

#mainMenu {
    background-color: rgba(0, 0, 0, .5)
}

body.menu-open #mainMenu {
    top: 72px
}

body.menu-open.with-strip #mainMenu {
    top: 92px
}

body.menu-open.menu-container-sticky-in #mainMenu {
    top: 57px
}

body.menu-open.menu-container-sticky-in.with-strip #mainMenu {
    top: 77px
}

#mainMenu>.container {
    align-items: flex-start;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    margin: 0;
    max-height: 1500px;
    max-width: 100%;
    padding: 0;
    position: relative
}

#mainMenu .expansion-menu-wrapper {
    height: 100%;
    left: 0;
    pointer-events: auto;
    position: absolute;
    top: 0;
    width: 420px
}

@media (max-width:991.98px) {
    #mainMenu .expansion-menu-wrapper {
        display: none
    }
}

#mainMenu .expansion-menu-wrapper .expansion-menu {
    background-color: #fff;
    bottom: 0;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding-left: 48px;
    padding-right: 30px;
    padding-top: 14px;
    position: absolute;
    top: 0;
    transition-duration: .3s;
    transition-property: left, opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    visibility: hidden;
    width: calc(100% + 40px);
    z-index: 0
}

#mainMenu .expansion-menu-wrapper .expansion-menu.in {
    left: 380px;
    opacity: 1;
    visibility: visible
}

#mainMenu .expansion-menu-wrapper .expansion-menu .sub-menu>li {
    border-bottom: 1px solid rgba(91, 40, 161, .1)
}

#mainMenu .expansion-menu-wrapper .expansion-menu .sub-menu>li a {
    color: #5b28a1;
    font-size: 1rem;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.5;
    padding: 16px .5rem
}

#mainMenu .expansion-menu-wrapper .expansion-menu .sub-menu>li:last-child {
    padding-bottom: 0 !important
}

#mainMenu .menu-panel {
    --left-adjustment: 0;
    background-color: #fff;
    margin-top: 0;
    max-height: calc(100vh - 210px);
    overflow-y: auto;
    pointer-events: auto;
    position: relative;
    top: 0;
    width: 100%
}

@media (min-width:768px) {
    #mainMenu .menu-panel {
        max-height: calc(100vh - 150px)
    }
}

@media (min-width:992px) {
    #mainMenu .menu-panel {
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
        height: 100%;
        max-height: 100%;
        max-width: 100%;
        width: 420px
    }
}

#mainMenu .menu-panel .container-fluid,
#mainMenu .menu-panel .container-lg,
#mainMenu .menu-panel .container-md,
#mainMenu .menu-panel .container-sm,
#mainMenu .menu-panel .container-xl,
#mainMenu .menu-panel .container-xxl,
#mainMenu .menu-panel .container-xxxl {
    height: 100%;
    padding: 14px 30px
}

#mainMenu .menu-panel .os-scrollbar {
    --os-handle-bg: rgba(0, 0, 0, .6)
}

@media (max-width:991.98px) {
    #mainMenu .visible-only-desktop {
        display: none !important
    }
}

@media (min-width:992px) {
    #mainMenu .visible-only-mobile {
        display: none !important
    }
}

#mainMenu .menu-nav {
    height: 100%;
    position: relative;
    top: -2px
}

#mainMenu .menu-nav .btn {
    text-align: left
}

#mainMenu .menu-nav>ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#mainMenu .menu-nav>ul>li {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    position: relative
}

#mainMenu .menu-nav a.btn-link {
    border-bottom: 1px solid rgba(91, 40, 161, .1);
    color: #5b28a1;
    font-size: 1.25rem;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.3;
    padding: 16px .5rem;
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: .4s;
    transition-property: color, background-color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#mainMenu .menu-nav a.btn-link:focus-visible {
    background-color: rgba(91, 40, 161, .2)
}

#mainMenu .menu-nav a.btn-link:active {
    background-color: rgba(91, 40, 161, .2)
}

@media (hover:hover) {
    #mainMenu .menu-nav a.btn-link:hover {
        background-color: rgba(91, 40, 161, .2)
    }
}

#mainMenu .menu-nav a.btn-link.current {
    font-style: italic
}

#mainMenu .menu-nav a.btn-link:not([aria-expanded=true]) {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%)
}

#mainMenu .menu-nav a.btn-link[data-bs-toggle]:after {
    background-image: url(../img/chevron-bottom-b.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 11px;
    position: absolute;
    right: .5rem;
    top: 26px;
    transform: translateY(-50%);
    transition-duration: .4s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 11px
}

@media (min-width:992px) {
    #mainMenu .menu-nav a.btn-link[data-bs-toggle]:after {
        transform: translateY(-50%) rotate(-90deg)
    }
}

#mainMenu .menu-nav a.btn-link[data-bs-toggle]:before {
    background-color: #5b28a1;
    bottom: 0;
    content: "";
    display: block;
    left: calc(-.5rem + 3px);
    opacity: 0;
    position: absolute;
    right: calc(-.5rem + 3px);
    top: 0;
    transition-duration: .4s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    z-index: -1
}

#mainMenu .menu-nav a.btn-link[data-bs-toggle].expanded-menu,
#mainMenu .menu-nav a.btn-link[data-bs-toggle][aria-expanded=true] {
    color: #fff
}

#mainMenu .menu-nav a.btn-link[data-bs-toggle].expanded-menu:after,
#mainMenu .menu-nav a.btn-link[data-bs-toggle][aria-expanded=true]:after {
    filter: invert(100%) sepia(0) saturate(0) hue-rotate(158deg) brightness(108%) contrast(102%)
}

@media (max-width:991.98px) {
    #mainMenu .menu-nav a.btn-link[data-bs-toggle].expanded-menu:after,
    #mainMenu .menu-nav a.btn-link[data-bs-toggle][aria-expanded=true]:after {
        transform: translateY(-50%) rotate(-180deg)
    }
}

#mainMenu .menu-nav a.btn-link[data-bs-toggle].expanded-menu:before,
#mainMenu .menu-nav a.btn-link[data-bs-toggle][aria-expanded=true]:before {
    opacity: 1
}

@media (min-width:992px) {
    #mainMenu .menu-nav .mbl-lang-selector {
        display: none
    }
}

#mainMenu .menu-nav .mbl-lang-selector .flag {
    border: 1px solid #fff;
    display: flex;
    height: 14px;
    overflow: hidden;
    position: relative;
    transform: rotate(45deg);
    transform-origin: center center;
    width: 14px
}

#mainMenu .menu-nav .mbl-lang-selector .flag img {
    height: 18px;
    left: 50%;
    max-width: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: center center;
    width: 18px
}

#mainMenu .menu-nav .mbl-lang-selector .btn-link {
    align-items: center;
    color: #5b28a1;
    display: flex;
    font-style: italic
}

#mainMenu .menu-nav .mbl-lang-selector .btn-link span:not(.flag) {
    margin-left: 14px
}

#mainMenu .menu-nav .mbl-lang-selector .btn-link:not([aria-expanded=true]) .flag {
    border-width: 0
}

#mainMenu .menu-nav .mbl-lang-selector .btn-link:not([aria-expanded=true]) .flag img {
    height: 20px;
    width: 20px
}

#mainMenu .menu-nav .mbl-lang-selector .sub-menu li .item-text,
#mainMenu .menu-nav .mbl-lang-selector .sub-menu li a {
    align-items: center;
    display: flex;
    justify-content: space-between
}

#mainMenu .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

#mainMenu .sub-menu li:last-child {
    padding-bottom: 8px
}

#mainMenu .sub-menu li .item-text,
#mainMenu .sub-menu li a {
    color: #fff;
    display: block;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.2;
    padding: 8px .5rem;
    text-decoration: none;
    text-transform: uppercase
}

#mainMenu .sub-menu li .item-text.current,
#mainMenu .sub-menu li a.current {
    background-image: url(../img/square-bull.svg);
    background-position: .5rem 50%;
    background-repeat: no-repeat;
    background-size: 6px auto;
    font-style: italic;
    padding-left: calc(.5rem + 15px)
}

#mainMenu .sub-menu li a {
    transition-duration: .4s;
    transition-property: color, background-color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#mainMenu .sub-menu li a:focus-visible {
    background-color: hsla(0, 0%, 100%, .1)
}

#mainMenu .sub-menu li a:active {
    background-color: hsla(0, 0%, 100%, .1)
}

@media (hover:hover) {
    #mainMenu .sub-menu li a:hover {
        background-color: hsla(0, 0%, 100%, .1)
    }
}

#mainMenu .social-links {
    align-items: center;
    border-top: 1px solid rgba(91, 40, 161, .1);
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 24px;
    row-gap: 10px
}

#mainMenu .social-links a {
    border-radius: 2px;
    outline: none;
    padding: 2px;
    transition-duration: .3s;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#mainMenu .social-links a:focus-visible {
    background-color: #5b28a1
}

#mainMenu .social-links a:focus-visible img {
    filter: none
}

#mainMenu .social-links a:active {
    background-color: #5b28a1
}

#mainMenu .social-links a:active img {
    filter: none
}

@media (hover:hover) {
    #mainMenu .social-links a:hover {
        background-color: #5b28a1
    }
    #mainMenu .social-links a:hover img {
        filter: none
    }
}

#mainMenu .social-links a img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(19%) saturate(4928%) hue-rotate(240deg) brightness(93%) contrast(90%);
    height: 24px;
    width: auto
}

#accountMenu {
    pointer-events: auto
}

#accountMenu .menu-panel {
    --left-adjustment: 0;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 105px;
    max-height: calc(100vh - 210px);
    max-width: calc(100vw - 32px);
    overflow-y: auto;
    pointer-events: auto;
    position: relative;
    top: -20px;
    width: 100%
}

@media (min-width:992px) {
    #accountMenu .menu-panel {
        margin-top: 109px
    }
}

@media (min-width:576px) {
    #accountMenu .menu-panel {
        left: var(--left-adjustment);
        margin-left: 0;
        margin-right: 0;
        max-height: calc(100vh - 150px);
        width: 320px
    }
}

@media (min-width:992px) {
    #accountMenu .menu-panel {
        width: 280px
    }
}

@media (min-width:1500px) {
    #accountMenu .menu-panel {
        top: -24px
    }
}

body.with-strip #accountMenu .menu-panel {
    margin-top: 125px
}

@media (min-width:992px) {
    body.with-strip #accountMenu .menu-panel {
        margin-top: 123px
    }
}

#accountMenu .menu-panel .container-fluid,
#accountMenu .menu-panel .container-lg,
#accountMenu .menu-panel .container-md,
#accountMenu .menu-panel .container-sm,
#accountMenu .menu-panel .container-xl,
#accountMenu .menu-panel .container-xxl,
#accountMenu .menu-panel .container-xxxl {
    padding: 25px .5rem
}

#accountMenu .menu-panel .os-scrollbar {
    --os-handle-bg: rgba(0, 0, 0, .6)
}

#accountMenu .menu-panel .inner-container .list-menu {
    background-color: #5b28a1;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
    list-style: none;
    margin: 0;
    padding: 12px 26px
}

#accountMenu .menu-panel .inner-container .list-menu li.menu-header-wrapper {
    display: flex;
    margin-bottom: 24px
}

@media (min-width:992px) {
    #accountMenu .menu-panel .inner-container .list-menu li.menu-header-wrapper {
        flex-direction: column;
        margin-bottom: 18px
    }
}

@media (max-width:991.98px) {
    #accountMenu .menu-panel .inner-container .list-menu li.menu-header-wrapper {
        align-items: flex-end
    }
    #accountMenu .menu-panel .inner-container .list-menu li.menu-header-wrapper .account-menu-header {
        padding-bottom: 0
    }
}

#accountMenu .menu-panel .inner-container .list-menu li.menu-header-wrapper .inviola-points {
    align-items: center;
    display: flex;
    flex-basis: 100%;
    font-style: italic;
    font-weight: 300;
    justify-content: flex-end;
    letter-spacing: -.04em
}

@media (min-width:992px) {
    #accountMenu .menu-panel .inner-container .list-menu li.menu-header-wrapper .inviola-points {
        justify-content: unset
    }
}

#accountMenu .menu-panel .inner-container .list-menu li.menu-header-wrapper .inviola-points img {
    height: 20px;
    margin-right: 8px
}

#accountMenu .menu-panel .inner-container .list-menu>li:has(.account-menu-item):last-child .account-menu-item {
    border-bottom: none
}

#accountMenu .menu-panel .inner-container .list-menu>li:has(.account-menu-item):hover .account-menu-item:not(.log-out) {
    color: #fff !important
}

#accountMenu .menu-panel .inner-container .account-menu-header {
    font-size: 1.125rem;
    margin: 0;
    padding: 15px 0;
    text-transform: uppercase
}

#accountMenu .menu-panel .inner-container .account-menu-item {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    display: block;
    font-size: .8125rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    padding: 15px 0;
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: .3s;
    transition-property: color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:992px) {
    #accountMenu .menu-panel .inner-container .account-menu-item {
        color: hsla(0, 0%, 100%, .3)
    }
    #accountMenu .menu-panel .inner-container .account-menu-item.active {
        color: #fff;
        font-style: normal
    }
}

#accountMenu .menu-panel .inner-container .account-menu-item.log-out {
    color: #e2241c;
    padding-top: 25px
}

#accountMenu .menu-panel .inner-container .dropdown-divider {
    --bs-dropdown-divider-bg: hsla(0, 0%, 100%, .7);
    margin-left: -10px;
    margin-right: -10px
}

footer.main-footer {
    background: linear-gradient(180deg, #351f63, #260e51 260px) no-repeat
}

footer.main-footer:not(.no-graphic-tab) {
    clip-path: polygon(calc(50% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 50% 0);
    margin-top: -15px
}

footer.main-footer .our-partners {
    margin-bottom: 50px;
    margin-top: 110px
}

footer.main-footer .our-partners .top-partners {
    border-bottom: 1px solid hsla(0, 0%, 100%, .102);
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem
}

footer.main-footer .our-partners .partners {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    row-gap: 30px
}

@media (min-width:992px) {
    footer.main-footer .our-partners .partners {
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

@media (min-width:1500px) {
    footer.main-footer .our-partners .partners {
        -moz-column-gap: 50px;
        column-gap: 50px
    }
}

footer.main-footer .our-partners .partners a {
    flex: 1 1 33.333%;
    min-width: 100px;
    text-align: center
}

@media (min-width:992px) {
    footer.main-footer .our-partners .partners a {
        flex: 0 0 auto;
        min-width: auto;
        text-align: left
    }
}

footer.main-footer .our-partners .partners img {
    height: 40px;
    width: auto
}

@media (min-width:576px) {
    footer.main-footer .our-partners .partners img {
        height: 44px
    }
}

@media (min-width:1500px) {
    footer.main-footer .our-partners .partners img {
        height: 56px
    }
}

footer.main-footer .footer-container {
    background-color: #55358e;
    background-image: url(../img/texture-007-footer.svg);
    background-position: 100% 40%;
    background-repeat: no-repeat;
    background-size: 1339px 1948px;
    overflow: hidden
}

@media (min-width:992px) {
    footer.main-footer .footer-container {
        background-position: 100% 50%
    }
}

footer.main-footer .section-title {
    font-size: .75rem;
    margin: 30px 0;
    text-align: center
}

@media (min-width:992px) {
    footer.main-footer .section-title {
        font-size: .875rem
    }
}

@media (min-width:1200px) {
    footer.main-footer .section-title {
        font-size: 1rem
    }
}

@media (min-width:992px) {
    footer.main-footer .top-container {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        margin-top: 70px
    }
    footer.main-footer .top-container .menu {
        order: 1
    }
    footer.main-footer .top-container .socials {
        order: 2
    }
    footer.main-footer .top-container .privacy-menu {
        order: 3
    }
    footer.main-footer .top-container .section-title {
        font-size: .625rem;
        margin: 0;
        text-align: left
    }
}

@media (max-width:991.98px) {
    footer.main-footer .socials {
        border-bottom: 1px solid hsla(0, 0%, 100%, .102);
        margin-bottom: 40px;
        padding-bottom: 40px
    }
}

@media (min-width:992px) {
    footer.main-footer .socials {
        align-items: center;
        display: flex;
        justify-content: center
    }
    footer.main-footer .socials .section-title {
        margin-right: 28px
    }
}

footer.main-footer .socials .social-links {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 10px
}

@media (min-width:576px) {
    footer.main-footer .socials .social-links {
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

@media (min-width:992px) {
    footer.main-footer .socials .social-links {
        -moz-column-gap: 10px;
        column-gap: 10px
    }
}

@media (min-width:1200px) {
    footer.main-footer .socials .social-links {
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

footer.main-footer .socials .social-links a {
    border-radius: 2px;
    outline: none;
    padding: 2px;
    transition-duration: .3s;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

footer.main-footer .socials .social-links a:focus-visible {
    background-color: #fff
}

footer.main-footer .socials .social-links a:focus-visible img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(19%) saturate(4928%) hue-rotate(240deg) brightness(93%) contrast(90%)
}

footer.main-footer .socials .social-links a:active {
    background-color: #fff
}

footer.main-footer .socials .social-links a:active img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(19%) saturate(4928%) hue-rotate(240deg) brightness(93%) contrast(90%)
}

@media (hover:hover) {
    footer.main-footer .socials .social-links a:hover {
        background-color: #fff
    }
    footer.main-footer .socials .social-links a:hover img {
        filter: brightness(0) saturate(100%) invert(22%) sepia(19%) saturate(4928%) hue-rotate(240deg) brightness(93%) contrast(90%)
    }
}

footer.main-footer .socials .social-links a img {
    height: 24px;
    width: auto
}

footer.main-footer .menu {
    display: flex;
    flex-wrap: wrap;
    font-size: .8125rem;
    line-height: 2;
    row-gap: 44px
}

@media (min-width:992px) {
    footer.main-footer .menu {
        justify-content: space-between;
        line-height: 1.53;
        max-width: 350px;
        row-gap: 30px
    }
}

@media (min-width:1200px) {
    footer.main-footer .menu {
        max-width: 434px
    }
}

footer.main-footer .menu ul {
    flex: 1 0 50%;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:992px) {
    footer.main-footer .menu ul {
        flex: 1 0 50%
    }
}

footer.main-footer .privacy-menu {
    font-size: .625rem
}

@media (max-width:991.98px) {
    footer.main-footer .privacy-menu {
        margin-top: 70px
    }
}

@media (min-width:992px) {
    footer.main-footer .privacy-menu {
        line-height: 2
    }
}

footer.main-footer .footer-info {
    font-size: .625rem;
    line-height: 1.6;
    margin-top: 24px
}

footer.main-footer .footer-info .logo-in-viola {
    margin-bottom: 30px;
    text-align: center
}

@media (min-width:992px) {
    footer.main-footer .footer-info .logo-in-viola {
        border-bottom: 1px solid hsla(0, 0%, 100%, .102);
        padding-bottom: 30px
    }
}

footer.main-footer .footer-info .logo-in-viola img {
    height: 88px;
    width: auto
}

@media (min-width:992px) {
    footer.main-footer .footer-info .text {
        align-items: flex-end;
        display: flex;
        gap: 40px
    }
}

footer.main-footer .footer-info .text p {
    margin-bottom: 26px
}

@media (min-width:992px) {
    footer.main-footer .footer-info .text p:not(:first-child) {
        margin-left: auto
    }
}

footer.main-footer .footer-info .text a {
    text-decoration: none
}

footer.main-footer .footer-info .text a:focus-visible {
    text-decoration: underline
}

footer.main-footer .footer-info .text a:active {
    text-decoration: underline
}

@media (hover:hover) {
    footer.main-footer .footer-info .text a:hover {
        text-decoration: underline
    }
}

section.dashboard-intro {
    position: relative
}

section.dashboard-intro .background-container {
    display: none
}

section.dashboard-intro:before {
    background: url(../img/texture-008-home.svg) 30% 0/1000px auto no-repeat;
    bottom: 0;
    content: "";
    display: block;
    left: 50%;
    max-width: 100%;
    max-width: min(100%, 2560px);
    opacity: .7;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 410px;
    transform: translateX(calc(-50% - 2px));
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

@media (min-width:576px) {
    section.dashboard-intro:before {
        top: 458.33px
    }
}

@media (min-width:768px) {
    section.dashboard-intro:before {
        top: 506.67px
    }
}

@media (min-width:992px) {
    section.dashboard-intro:before {
        top: 571.11px
    }
}

@media (min-width:1200px) {
    section.dashboard-intro:before {
        top: 619.44px
    }
}

@media (min-width:1500px) {
    section.dashboard-intro:before {
        top: 700px
    }
}

@media (min-width:768px) {
    section.dashboard-intro:before {
        opacity: 1
    }
}

@media (min-width:576px) {
    section.dashboard-intro:before {
        background-position: 20% 0
    }
}

@media (min-width:768px) {
    section.dashboard-intro:before {
        background-position: 50% 0
    }
}

@media (min-width:992px) {
    section.dashboard-intro:before {
        background-size: 100% auto
    }
}

section.dashboard-intro .container {
    position: relative;
    z-index: 5
}

section.dashboard-intro .drophead,
section.dashboard-intro .headline {
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 0
}

@media (min-width:576px) {
    section.dashboard-intro .drophead,
    section.dashboard-intro .headline {
        line-height: .97
    }
}

@media (min-width:768px) {
    section.dashboard-intro .drophead,
    section.dashboard-intro .headline {
        line-height: .93
    }
}

@media (min-width:992px) {
    section.dashboard-intro .drophead,
    section.dashboard-intro .headline {
        line-height: .89
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .drophead,
    section.dashboard-intro .headline {
        line-height: .86
    }
}

@media (min-width:1500px) {
    section.dashboard-intro .drophead,
    section.dashboard-intro .headline {
        line-height: .8
    }
}

@media (min-width:576px) {
    section.dashboard-intro .drophead,
    section.dashboard-intro .headline {
        letter-spacing: -.05em
    }
}

@media (min-width:768px) {
    section.dashboard-intro .drophead,
    section.dashboard-intro .headline {
        letter-spacing: -.05em
    }
}

@media (min-width:992px) {
    section.dashboard-intro .drophead,
    section.dashboard-intro .headline {
        letter-spacing: -.06em
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .drophead,
    section.dashboard-intro .headline {
        letter-spacing: -.06em
    }
}

@media (min-width:1500px) {
    section.dashboard-intro .drophead,
    section.dashboard-intro .headline {
        letter-spacing: -.07em
    }
}

section.dashboard-intro .headline {
    font-size: 4.125rem;
    margin: 0;
    padding-bottom: 52px;
    padding-top: 350px
}

@media (min-width:576px) {
    section.dashboard-intro .headline {
        font-size: 5rem
    }
}

@media (min-width:768px) {
    section.dashboard-intro .headline {
        font-size: 5.875rem
    }
}

@media (min-width:992px) {
    section.dashboard-intro .headline {
        font-size: 7.0419rem
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .headline {
        font-size: 7.9169rem
    }
}

@media (min-width:1500px) {
    section.dashboard-intro .headline {
        font-size: 9.375rem
    }
}

@media (min-width:576px) {
    section.dashboard-intro .headline {
        padding-top: 366.67px
    }
}

@media (min-width:768px) {
    section.dashboard-intro .headline {
        padding-top: 383.33px
    }
}

@media (min-width:992px) {
    section.dashboard-intro .headline {
        padding-top: 405.56px
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .headline {
        padding-top: 422.22px
    }
}

@media (min-width:1500px) {
    section.dashboard-intro .headline {
        padding-top: 450px
    }
}

@media (min-width:576px) {
    section.dashboard-intro .headline {
        padding-bottom: 65px
    }
}

@media (min-width:768px) {
    section.dashboard-intro .headline {
        padding-bottom: 78px
    }
}

@media (min-width:992px) {
    section.dashboard-intro .headline {
        padding-bottom: 95.33px
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .headline {
        padding-bottom: 108.33px
    }
}

@media (min-width:1500px) {
    section.dashboard-intro .headline {
        padding-bottom: 130px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    section.dashboard-intro .headline {
        font-size: 5.875rem
    }
}

@media (min-width:1200px) and (max-width:1499.98px) {
    section.dashboard-intro .headline {
        font-size: 7.5rem
    }
}

@media only screen and (max-width:376px) {
    section.dashboard-intro .headline {
        font-size: 2.5rem
    }
}

section.dashboard-intro .drophead {
    font-size: 2.5rem
}

@media (min-width:576px) {
    section.dashboard-intro .drophead {
        font-size: 3.2294rem
    }
}

@media (min-width:768px) {
    section.dashboard-intro .drophead {
        font-size: 3.9581rem
    }
}

@media (min-width:992px) {
    section.dashboard-intro .drophead {
        font-size: 4.9306rem
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .drophead {
        font-size: 5.66rem
    }
}

@media (min-width:1500px) {
    section.dashboard-intro .drophead {
        font-size: 6.875rem
    }
}

@media only screen and (max-width:376px) {
    section.dashboard-intro .drophead {
        font-size: 1.875rem
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    section.dashboard-intro .drophead {
        font-size: 3.9375rem
    }
}

section.dashboard-intro .lead {
    font-size: 1.125rem;
    margin-bottom: 0;
    margin-top: 26px
}

@media (min-width:576px) {
    section.dashboard-intro .lead {
        font-size: 1.1456rem
    }
}

@media (min-width:768px) {
    section.dashboard-intro .lead {
        font-size: 1.1669rem
    }
}

@media (min-width:992px) {
    section.dashboard-intro .lead {
        font-size: 1.1944rem
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .lead {
        font-size: 1.215rem
    }
}

@media (min-width:1500px) {
    section.dashboard-intro .lead {
        font-size: 1.25rem
    }
}

@media (min-width:576px) {
    section.dashboard-intro .lead {
        margin-top: 31.67px
    }
}

@media (min-width:768px) {
    section.dashboard-intro .lead {
        margin-top: 37.33px
    }
}

@media (min-width:992px) {
    section.dashboard-intro .lead {
        margin-top: 44.89px
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .lead {
        margin-top: 50.56px
    }
}

@media (min-width:1500px) {
    section.dashboard-intro .lead {
        margin-top: 60px
    }
}

@media (min-width:992px) {
    section.dashboard-intro .lead {
        max-width: 70%
    }
}

section.dashboard-intro .cta {
    display: inline-block;
    font-size: .8125rem;
    margin-top: 26px
}

@media (min-width:576px) {
    section.dashboard-intro .cta {
        margin-top: 27.67px
    }
}

@media (min-width:768px) {
    section.dashboard-intro .cta {
        margin-top: 29.33px
    }
}

@media (min-width:992px) {
    section.dashboard-intro .cta {
        margin-top: 31.56px
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .cta {
        margin-top: 33.22px
    }
}

@media (min-width:1500px) {
    section.dashboard-intro .cta {
        margin-top: 36px
    }
}

@media (min-width:576px) {
    section.dashboard-intro .cta {
        font-size: .8438rem
    }
}

@media (min-width:768px) {
    section.dashboard-intro .cta {
        font-size: .875rem
    }
}

@media (min-width:992px) {
    section.dashboard-intro .cta {
        font-size: .9169rem
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .cta {
        font-size: .9481rem
    }
}

@media (min-width:1500px) {
    section.dashboard-intro .cta {
        font-size: 1rem
    }
}

section.dashboard-intro .login-register {
    margin-top: 70px
}

section.dashboard-intro .login-register .inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative
}

@media (min-width:992px) {
    section.dashboard-intro .login-register .inner {
        position: sticky;
        top: 129px
    }
    section.dashboard-intro .login-register .inner:before {
        background: url(../img/texture-007-home.svg) 0 50%/538px auto no-repeat;
        content: "";
        display: block;
        height: 610px;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translateY(-52%);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 538px;
        z-index: -1
    }
}

@media (min-width:992px) and (min-width:992px) {
    section.dashboard-intro .login-register .inner:before {
        max-width: calc(-98px + 50vw);
        right: max((100vw - 960px - (-1rem + 2px))/2 * -1, -156px)
    }
}

@media (min-width:992px) and (min-width:1200px) {
    section.dashboard-intro .login-register .inner:before {
        max-width: calc(-188px + 50vw);
        right: max((100vw - 1140px - (-1rem + 2px))/2 * -1, -156px)
    }
}

@media (min-width:992px) and (min-width:1500px) {
    section.dashboard-intro .login-register .inner:before {
        max-width: calc(-338px + 50vw);
        right: max((100vw - 1440px - (-1rem + 2px))/2 * -1, -156px)
    }
}

@media (min-width:992px) and (min-width:2000px) {
    section.dashboard-intro .login-register .inner:before {
        max-width: calc(-578px + 50vw);
        right: max((100vw - 1920px - (-1rem + 2px))/2 * -1, -156px)
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .login-register .inner {
        top: 229px
    }
}

@media (min-width:1500px) {
    section.dashboard-intro .login-register .inner {
        top: 329px
    }
}

@media (min-width:992px) {
    section.dashboard-intro .login-register {
        height: calc(100% - 840px);
        margin-top: 0;
        position: absolute;
        right: 1rem;
        top: 450px;
        width: 202px
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .login-register {
        height: calc(100% - 890px);
        position: absolute;
        right: 1rem;
        top: 500px
    }
}

@media (min-width:1500px) {
    section.dashboard-intro .login-register {
        height: calc(100% - 680px);
        position: absolute;
        right: 1rem;
        top: 540px
    }
}

section.dashboard-intro .login-register .logo {
    height: 29px;
    margin-bottom: 24px;
    width: auto
}

section.dashboard-intro .login-register .btn {
    max-width: 356px;
    width: 100%
}

section.dashboard-intro .login-register .btn+.btn {
    margin-top: 16px
}

section.dashboard-intro .login-register .background {
    display: none
}

section.dashboard-intro .card {
    margin-top: 80px;
    padding-bottom: 80px
}

@media (min-width:992px) {
    section.dashboard-intro .card {
        align-items: center;
        display: flex
    }
}

section.dashboard-intro .card .image {
    height: 300px;
    position: relative
}

@media only screen and (max-width:376px) {
    section.dashboard-intro .card .image {
        height: 220px
    }
}

@media (min-width:992px) {
    section.dashboard-intro .card .image {
        flex: 0 0 50%
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .card .image {
        height: 360px
    }
}

@media (min-width:1500px) {
    section.dashboard-intro .card .image {
        height: 430px
    }
}

section.dashboard-intro .card .image img {
    height: 100%;
    left: 50%;
    max-width: none;
    position: absolute;
    top: 0;
    transform: translateX(-70%);
    width: auto
}

section.dashboard-intro .card .text {
    font-size: 1rem;
    margin-top: 20px;
    text-align: center
}

@media (min-width:1200px) {
    section.dashboard-intro .card .text {
        font-size: 1.125rem
    }
}

@media (min-width:992px) {
    section.dashboard-intro .card .text {
        margin-top: 0;
        max-width: 373px;
        padding-left: 40px;
        text-align: left
    }
}

@media (min-width:1200px) {
    section.dashboard-intro .card .text {
        max-width: 413px;
        padding-left: 80px
    }
}

section.dashboard-intro .card .text .title {
    font-size: 1.5rem;
    margin-top: 30px;
    text-transform: uppercase
}

@media (min-width:1200px) {
    section.dashboard-intro .card .text .title {
        font-size: 2rem
    }
}

@media (min-width:992px) {
    section.dashboard-intro .card .text .title {
        margin-bottom: 30px;
        margin-top: 0
    }
}

section.dashboard-intro .card .text p {
    margin-top: 20px
}

section.banner-full-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 2560px;
    position: relative
}

section.banner-full-width.clipped {
    clip-path: polygon(calc(25% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 25% 0);
    margin-top: -15px
}

section.banner-full-width:has(.full-width-banner-swiper) .overlay-wrapper {
    pointer-events: none
}

section.banner-full-width:has(.full-width-banner-swiper) .overlay-wrapper .cta-caption {
    pointer-events: auto
}

section.banner-full-width .background-cover {
    background-color: #260e51
}

section.banner-full-width .full-width-banner-swiper {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0
}

section.banner-full-width .full-width-banner-swiper .swiper-backdrop {
    z-index: 1
}

section.banner-full-width .full-width-banner-swiper .swiper-slide,
section.banner-full-width .full-width-banner-swiper .swiper-wrapper {
    height: 100% !important
}

section.banner-full-width .full-width-banner-swiper .swiper-pagination {
    padding: 0 50px;
    text-align: end
}

section.banner-full-width .full-width-banner-swiper .scroll-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

@media (max-width:767.98px) {
    section.banner-full-width .full-width-banner-swiper .scroll-arrow {
        display: none
    }
}

section.banner-full-width .full-width-banner-swiper .scroll-arrow.scroll-arrow-l {
    left: 30px
}

section.banner-full-width .full-width-banner-swiper .scroll-arrow.scroll-arrow-r {
    right: 30px
}

section.banner-full-width a.banner-link {
    overflow: hidden;
    position: relative;
    text-decoration: none
}

section.banner-full-width a.banner-link .background-cover {
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1)
}

section.banner-full-width a.banner-link:focus-visible .background-cover {
    transform: scale(1.12)
}

section.banner-full-width a.banner-link:active .background-cover {
    transform: scale(1.12)
}

@media (hover:hover) {
    section.banner-full-width a.banner-link:hover .background-cover {
        transform: scale(1.12)
    }
}

section.banner-full-width .overlay-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    section.banner-full-width .overlay-wrapper {
        justify-content: center
    }
    section.banner-full-width .overlay-wrapper .banner-text,
    section.banner-full-width .overlay-wrapper .banner-title {
        max-width: 400px
    }
}

section.banner-2-cols {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem auto;
    max-width: 1920px
}

@media (min-width:768px) {
    section.banner-2-cols {
        align-items: stretch;
        flex-direction: row;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

section.banner-2-cols a.col {
    text-decoration: none
}

section.banner-2-cols a.col .background-cover {
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1)
}

section.banner-2-cols a.col:focus-visible .background-cover {
    transform: scale(1.12)
}

section.banner-2-cols a.col:active .background-cover {
    transform: scale(1.12)
}

@media (hover:hover) {
    section.banner-2-cols a.col:hover .background-cover {
        transform: scale(1.12)
    }
}

section.banner-2-cols .col {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@media (min-width:768px) {
    section.banner-2-cols .col {
        flex: 1 1 50%
    }
}

section.banner-2-cols .col.text-shadow {
    align-items: flex-end
}

section.banner-2-cols .col.text-shadow .container-fluid,
section.banner-2-cols .col.text-shadow .container-lg,
section.banner-2-cols .col.text-shadow .container-md,
section.banner-2-cols .col.text-shadow .container-sm,
section.banner-2-cols .col.text-shadow .container-xl,
section.banner-2-cols .col.text-shadow .container-xxl,
section.banner-2-cols .col.text-shadow .container-xxxl {
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) 50%, transparent) no-repeat
}

section.banner-2-cols .aspect-ratio-min-height-spacer {
    padding-bottom: 179.4872%
}

@media (min-width:992px) {
    section.banner-2-cols .aspect-ratio-min-height-spacer {
        padding-bottom: 117.3021%
    }
}

section.banner-2-cols .background-cover {
    background-color: #260e51;
    z-index: -1
}

section.banner-2-cols .background-contain {
    z-index: -1
}

section.banner-2-cols .background-texture {
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

section.banner-2-cols .container-fluid,
section.banner-2-cols .container-lg,
section.banner-2-cols .container-md,
section.banner-2-cols .container-sm,
section.banner-2-cols .container-xl,
section.banner-2-cols .container-xxl,
section.banner-2-cols .container-xxxl {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative
}

@media (min-width:768px) {
    section.banner-2-cols .container-fluid .banner-text,
    section.banner-2-cols .container-fluid .banner-title,
    section.banner-2-cols .container-lg .banner-text,
    section.banner-2-cols .container-lg .banner-title,
    section.banner-2-cols .container-md .banner-text,
    section.banner-2-cols .container-md .banner-title,
    section.banner-2-cols .container-sm .banner-text,
    section.banner-2-cols .container-sm .banner-title,
    section.banner-2-cols .container-xl .banner-text,
    section.banner-2-cols .container-xl .banner-title,
    section.banner-2-cols .container-xxl .banner-text,
    section.banner-2-cols .container-xxl .banner-title,
    section.banner-2-cols .container-xxxl .banner-text,
    section.banner-2-cols .container-xxxl .banner-title {
        max-width: 530px
    }
}

.marquee-horizontal {
    height: 20px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.marquee-horizontal,
.marquee-horizontal .track-horizontal {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.marquee-horizontal .track-horizontal {
    position: absolute;
    white-space: nowrap
}

.marquee-horizontal .marquee-text {
    flex: 0 0 auto;
    font-size: .875rem;
    line-height: 1
}

.marquee-horizontal.marquee-big-text {
    height: 76px;
    width: 100%
}

@media (min-width:576px) {
    .marquee-horizontal.marquee-big-text {
        height: 101px
    }
}

@media (min-width:768px) {
    .marquee-horizontal.marquee-big-text {
        height: 126px
    }
}

@media (min-width:992px) {
    .marquee-horizontal.marquee-big-text {
        height: 159.33px
    }
}

@media (min-width:1200px) {
    .marquee-horizontal.marquee-big-text {
        height: 184.33px
    }
}

@media (min-width:1500px) {
    .marquee-horizontal.marquee-big-text {
        height: 226px
    }
}

.marquee-horizontal.marquee-big-text .marquee-text {
    font-size: 4.375rem;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.04em;
    text-transform: uppercase
}

@media (min-width:576px) {
    .marquee-horizontal.marquee-big-text .marquee-text {
        font-size: 5.9375rem
    }
}

@media (min-width:768px) {
    .marquee-horizontal.marquee-big-text .marquee-text {
        font-size: 7.5rem
    }
}

@media (min-width:992px) {
    .marquee-horizontal.marquee-big-text .marquee-text {
        font-size: 9.5831rem
    }
}

@media (min-width:1200px) {
    .marquee-horizontal.marquee-big-text .marquee-text {
        font-size: 11.1456rem
    }
}

@media (min-width:1500px) {
    .marquee-horizontal.marquee-big-text .marquee-text {
        font-size: 13.75rem
    }
}

.marquee-horizontal.marquee-horizontal-initialized .track-horizontal {
    animation: marquee-horizontal 40s linear infinite reverse;
    will-change: transform
}

@keyframes marquee-horizontal {
    0% {
        transform: translateX(-50%) translateZ(0)
    }
    to {
        transform: translateX(0) translateZ(0)
    }
}

section.slider {
    position: relative
}

section.slider+.slider {
    margin-top: 70px
}

section.slider .h-slider-wrapper .os-scrollbar-vertical {
    display: none
}

section.slider:not(.slider-only-desktop) .h-slider-wrapper {
    padding-bottom: 26px
}

section.slider:not(.slider-only-desktop) [data-overlayscrollbars-viewport] {
    display: flex
}

@media (min-width:768px) {
    section.slider.slider-only-desktop .h-slider-wrapper {
        padding-bottom: 26px
    }
    section.slider.slider-only-desktop [data-overlayscrollbars-viewport] {
        display: flex
    }
}

section.slider .scroll-arrow {
    display: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 20px);
    transform: translateY(-50%);
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    z-index: 10
}

section.slider:not(.slider-only-desktop) .scroll-arrow {
    display: block
}

@media (min-width:768px) {
    section.slider.slider-only-desktop .scroll-arrow {
        display: block
    }
}

section.slider .scroll-arrow:not(.active) {
    opacity: 0 !important;
    pointer-events: none !important
}

section.slider .scroll-arrow.visible {
    opacity: 1;
    pointer-events: auto
}

section.slider .scroll-arrow.scroll-arrow-l {
    left: .5rem
}

section.slider .scroll-arrow.scroll-arrow-r {
    right: .5rem
}

section.slider .scroll-arrow .arrow {
    height: 80px
}

section.slider .h-slider-container {
    display: flex;
    flex-direction: column;
    gap: 46px;
    padding-left: 1rem;
    padding-right: 1rem
}

section.slider:not(.slider-only-desktop) .h-slider-container {
    align-items: flex-start;
    flex-direction: row;
    gap: .5rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:768px) {
    section.slider.slider-only-desktop .h-slider-container {
        align-items: flex-start;
        flex-direction: row;
        gap: .5rem;
        margin-left: auto;
        margin-right: auto
    }
}

main[role=main].page-homepage-logged {
    overflow: hidden
}

section.dashboard {
    margin-top: 30px;
    position: relative
}

@media (min-width:576px) {
    section.dashboard {
        margin-top: 38.08px
    }
}

@media (min-width:768px) {
    section.dashboard {
        margin-top: 46.15px
    }
}

@media (min-width:992px) {
    section.dashboard {
        margin-top: 56.92px
    }
}

@media (min-width:1200px) {
    section.dashboard {
        margin-top: 65px
    }
}

section.dashboard .background-texture {
    height: auto;
    max-width: none;
    opacity: .5;
    right: 0;
    top: -60%;
    width: 200%
}

@media (min-width:992px) {
    section.dashboard .background-texture {
        opacity: .5;
        top: -160px;
        width: 60%
    }
}

section.dashboard .card-data-container {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media (min-width:992px) {
    section.dashboard .card-data-container {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
    section.dashboard .card-data-container>* {
        flex: 0 1 33.333%
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    section.dashboard .card-data-container {
        padding-left: 0
    }
}

@media (min-width:2000px) {
    section.dashboard .card-data-container {
        justify-content: space-evenly
    }
}

section.dashboard .card-data-container:not(:has(.user-stats)) {
    min-height: 220px
}

@media (max-width:991.98px) {
    section.dashboard .card-data-container:not(:has(.user-stats)) .card-data {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important
    }
}

section.dashboard .card-data-container .user-stats {
    align-items: flex-start;
    display: flex;
    padding-bottom: 40px;
    position: relative
}

@media (min-width:1500px) {
    section.dashboard .card-data-container .user-stats {
        padding-bottom: 60px
    }
}

@media (max-width:991.98px) {
    section.dashboard .card-data-container .user-stats {
        justify-content: center;
        width: 100%
    }
}

@media (min-width:1500px) {
    section.dashboard .card-data-container .user-stats {
        justify-content: center
    }
}

section.dashboard .card-data-container .card-data {
    align-items: stretch;
    align-self: stretch;
    border-bottom: 2px solid hsla(0, 0%, 100%, .1);
    border-top: 2px solid hsla(0, 0%, 100%, .1);
    display: flex;
    justify-content: center;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: 36px
}

@media (min-width:576px) {
    section.dashboard .card-data-container .card-data {
        margin-top: 46px
    }
}

@media (min-width:768px) {
    section.dashboard .card-data-container .card-data {
        margin-top: 52px
    }
}

@media (min-width:992px) {
    section.dashboard .card-data-container .card-data {
        align-items: center;
        border: none;
        flex-direction: column-reverse;
        margin-top: 0
    }
}

section.dashboard .card-data-container .card-data .card-number,
section.dashboard .card-data-container .card-data .card-points {
    display: flex;
    flex: 1 1 50%;
    flex-direction: column;
    justify-content: center;
    letter-spacing: -.04em;
    line-height: 1;
    padding: 21px;
    text-align: center
}

@media (min-width:992px) {
    section.dashboard .card-data-container .card-data .card-number,
    section.dashboard .card-data-container .card-data .card-points {
        flex: 0 0 auto;
        padding: 10px 14px
    }
}

section.dashboard .card-data-container .card-data .card-number .label,
section.dashboard .card-data-container .card-data .card-points .label {
    font-size: .8125rem;
    margin-bottom: 8px
}

@media (min-width:1500px) {
    section.dashboard .card-data-container .card-data .card-number .label,
    section.dashboard .card-data-container .card-data .card-points .label {
        font-size: 1.0625rem
    }
}

section.dashboard .card-data-container .card-data .card-number .value,
section.dashboard .card-data-container .card-data .card-points .value {
    font-style: italic;
    font-weight: 800
}

section.dashboard .card-data-container .card-data .card-number {
    border-right: 2px solid hsla(0, 0%, 100%, .1)
}

@media (min-width:992px) {
    section.dashboard .card-data-container .card-data .card-number {
        border: none;
        padding-top: 24px
    }
}

section.dashboard .card-data-container .card-data .card-number .value {
    font-size: 1.625rem;
    font-weight: 800
}

@media (min-width:1200px) {
    section.dashboard .card-data-container .card-data .card-number .value {
        font-size: 1.5rem
    }
}

@media only screen and (max-width:376px) {
    section.dashboard .card-data-container .card-data .card-number .value {
        font-size: 1.25rem
    }
}

section.dashboard .card-data-container .card-data .card-points {
    position: relative
}

section.dashboard .card-data-container .card-data .card-points .label {
    font-style: italic;
    font-weight: 800;
    text-transform: uppercase
}

@media (min-width:992px) {
    section.dashboard .card-data-container .card-data .card-points .label {
        margin-bottom: 0
    }
}

@media (min-width:1500px) {
    section.dashboard .card-data-container .card-data .card-points .label {
        font-size: 1.25rem
    }
}

section.dashboard .card-data-container .card-data .card-points .value {
    align-items: center;
    display: flex;
    font-size: 2.5rem;
    justify-content: center
}

@media (min-width:992px) {
    section.dashboard .card-data-container .card-data .card-points .value {
        font-size: 3.125rem
    }
}

@media (min-width:1200px) {
    section.dashboard .card-data-container .card-data .card-points .value {
        font-size: 4.625rem
    }
}

@media only screen and (max-width:376px) {
    section.dashboard .card-data-container .card-data .card-points .value {
        font-size: 1.875rem
    }
}

section.dashboard .card-data-container .card-data .card-points .value .lily {
    height: 16px;
    margin-right: 10px;
    width: auto
}

@media (min-width:992px) {
    section.dashboard .card-data-container .card-data .card-points .value .lily {
        height: 20px;
        left: 50%;
        margin-right: 0;
        position: absolute;
        top: -20px;
        transform: translateX(-50%)
    }
}

@media (min-width:1500px) {
    section.dashboard .card-data-container .card-data .card-points .value .lily {
        height: 28px;
        top: -36px
    }
}

section.dashboard .title,
section.my-fan-level .title {
    text-align: center
}

section.dashboard .actions-container,
section.my-fan-level .actions-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 30px
}

@media (min-width:992px) {
    section.dashboard .actions-container,
    section.my-fan-level .actions-container {
        align-items: center;
        flex-direction: row;
        gap: 20px;
        justify-content: center;
        margin-top: 50px;
        margin-top: 80px
    }
}

@media (max-width:991.98px) {
    section.dashboard .actions-container .btn,
    section.my-fan-level .actions-container .btn {
        min-width: 222px
    }
}

@media (max-width:767.98px) {
    section.last-challenge-completed {
        overflow: hidden;
        padding-bottom: 108px
    }
}

section.last-challenge-completed .last-challenge-content {
    border-top: 1px solid hsla(0, 0%, 100%, .102);
    display: flex;
    justify-content: center;
    margin-top: 80px;
    padding-top: 80px;
    position: relative
}

@media (min-width:768px) {
    section.last-challenge-completed .last-challenge-content {
        justify-content: space-between
    }
}

@media (max-width:1199.98px) {
    section.last-challenge-completed .last-challenge-content {
        margin-top: 56px;
        padding-top: 58px
    }
}

section.last-challenge-completed .last-challenge-content .category-title {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.04em;
    margin-bottom: 224px;
    margin-top: 0;
    text-transform: uppercase;
    transition: left .25s cubic-bezier(.165, .84, .44, 1);
    white-space: nowrap
}

@media (min-width:1200px) {
    section.last-challenge-completed .last-challenge-content .category-title {
        font-size: 2rem
    }
}

@media (min-width:992px) {
    section.last-challenge-completed .last-challenge-content .category-title {
        display: none
    }
}

@media (max-width:1199.98px) {
    section.last-challenge-completed .last-challenge-content .category-title {
        left: 0;
        margin-bottom: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(-90deg);
        transform-origin: 50% 100%
    }
}

section.last-challenge-completed .last-challenge-content .category-title.dsk {
    display: none;
    left: -34px
}

@media (min-width:992px) {
    section.last-challenge-completed .last-challenge-content .category-title.dsk {
        display: block
    }
}

section.last-challenge-completed .last-challenge-content .last-challenge-category {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

section.last-challenge-completed .last-challenge-content .last-challenge-category .cta-all-challenges {
    font-size: 13px;
    font-size: .8125rem;
    letter-spacing: -.04em
}

@media (min-width:1200px) {
    section.last-challenge-completed .last-challenge-content .last-challenge-category .cta-all-challenges {
        font-size: 1rem
    }
}

@media (max-width:1199.98px) {
    section.last-challenge-completed .last-challenge-content .last-challenge-category .cta-all-challenges {
        bottom: -40px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%)
    }
}

section.last-challenge-completed .last-challenge-content .challenge-card-container {
    position: static
}

section.last-activities {
    margin-top: 60px
}

@media (min-width:992px) {
    section.last-activities {
        margin-top: 50px
    }
}

@media (max-width:991.98px) {
    section.last-activities>.container {
        background-color: rgba(0, 0, 0, .2);
        clip-path: polygon(33px 0, 100% 0, 100% calc(100% - 33px), calc(100% - 33px) 100%, 0 100%, 0 33px);
        padding-bottom: 46px;
        padding-top: 46px
    }
}

section.last-activities>.container>.title {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.04em;
    margin-bottom: 24px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    section.last-activities>.container>.title {
        display: none
    }
}

section.last-activities>.container>.more {
    margin-top: 30px;
    text-align: center
}

@media (min-width:992px) {
    section.last-activities>.container>.more {
        margin-top: 30px
    }
}

section.last-activities>.container>.more a {
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: -.04em;
    text-transform: uppercase
}

@media (min-width:1200px) {
    section.last-activities>.container>.more a {
        font-size: 1rem
    }
}

.activity-grid {
    min-height: 100px;
    position: relative
}

@media (min-width:992px) {
    .activity-grid {
        border-top: 2px solid hsla(0, 0%, 100%, .15)
    }
}

.activity-grid .activity-row .points-earned,
.activity-grid .activity-row .points-used {
    letter-spacing: -.04em
}

.activity-grid .activity-row .points-earned .value,
.activity-grid .activity-row .points-used .value {
    font-style: italic;
    font-weight: 800
}

.activity-grid .activity-row .points-used.active .value {
    color: #e2241c
}

@media (max-width:991.98px) {
    .activity-grid .activity-row {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        margin-left: -1rem;
        margin-right: -1rem;
        padding: 22px
    }
    .activity-grid .activity-row:nth-child(2n) {
        background-color: rgba(0, 0, 0, .1)
    }
    .activity-grid .activity-row .date {
        flex: 1 0 100%;
        font-size: .625rem;
        margin-bottom: 8px
    }
    .activity-grid .activity-row .action {
        flex: 1 0 100%;
        font-weight: 600;
        letter-spacing: -.04em;
        margin-bottom: 12px
    }
    .activity-grid .activity-row .points-earned,
    .activity-grid .activity-row .points-used {
        align-self: stretch;
        border-top: 2px solid hsla(0, 0%, 100%, .1);
        display: flex;
        flex: 1 1 50%;
        flex-direction: column;
        padding-top: 8px
    }
    .activity-grid .activity-row .points-earned.active .label,
    .activity-grid .activity-row .points-earned.active .value,
    .activity-grid .activity-row .points-used.active .label,
    .activity-grid .activity-row .points-used.active .value {
        opacity: 1
    }
    .activity-grid .activity-row .points-earned .label,
    .activity-grid .activity-row .points-used .label {
        font-size: .8125rem;
        line-height: 1;
        opacity: .2;
        text-transform: uppercase
    }
    .activity-grid .activity-row .points-earned .value,
    .activity-grid .activity-row .points-used .value {
        font-size: 1.125rem;
        line-height: 1;
        margin-top: 8px;
        opacity: .2
    }
    .activity-grid .activity-row .points-earned {
        border-right: 2px solid hsla(0, 0%, 100%, .1);
        padding-right: 16px
    }
    .activity-grid .activity-row .points-used {
        padding-left: 16px
    }
}

@media (min-width:992px) {
    .activity-grid .activity-row {
        align-items: stretch;
        border-bottom: 2px solid hsla(0, 0%, 100%, .15);
        display: flex;
        font-size: 1rem;
        line-height: 1.1
    }
    .activity-grid .activity-row>* {
        align-items: center;
        display: flex;
        flex: 1 1 25%;
        min-height: 56px;
        padding: 10px 18px
    }
    .activity-grid .activity-row>:not(:last-child) {
        border-right: 2px solid hsla(0, 0%, 100%, .15)
    }
    .activity-grid .activity-row .date {
        flex: 0 0 21%;
        font-size: .8125rem
    }
    .activity-grid .activity-row .points-earned,
    .activity-grid .activity-row .points-used {
        gap: 10px
    }
    .activity-grid .activity-row .points-earned .value,
    .activity-grid .activity-row .points-used .value {
        font-size: 1.1875rem
    }
    .activity-grid .activity-row .points-earned:not(.active) .label,
    .activity-grid .activity-row .points-earned:not(.active) .value,
    .activity-grid .activity-row .points-used:not(.active) .label,
    .activity-grid .activity-row .points-used:not(.active) .value {
        display: none
    }
}

@media (min-width:1200px) {
    .activity-grid .activity-row {
        font-size: 1.125rem
    }
    .activity-grid .activity-row>* {
        min-height: 70px;
        padding: 10px 24px
    }
    .activity-grid .activity-row .date {
        font-size: .9375rem
    }
    .activity-grid .activity-row .points-earned .value,
    .activity-grid .activity-row .points-used .value {
        font-size: 1.25rem
    }
}

@media (min-width:768px) {
    .section-card {
        display: flex;
        flex-direction: column-reverse
    }
}

.section-card .box-name {
    font-size: .8125rem;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-bottom: 12px
}

@media (min-width:576px) {
    .section-card .box-name {
        font-size: 1rem
    }
}

@media (min-width:768px) {
    .section-card .box-name {
        font-style: normal;
        font-weight: 700;
        margin-bottom: 0;
        margin-top: 20px;
        text-align: center
    }
}

.section-card .aspect-ratio-min-height-spacer {
    padding-bottom: 133.3333% !important
}

.section-card a.card-box {
    text-decoration: none
}

.section-card a.card-box .background-cover {
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1)
}

.section-card a.card-box:focus-visible .background-cover {
    transform: scale(1.12)
}

.section-card a.card-box:active .background-cover {
    transform: scale(1.12)
}

@media (hover:hover) {
    .section-card a.card-box:hover .background-cover {
        transform: scale(1.12)
    }
}

.section-card .card-box {
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .section-card .card-box {
        height: 480px;
        width: 360px
    }
}

@media (min-width:992px) {
    .section-card .card-box {
        height: 600px;
        width: 450px
    }
}

.section-card .card-box .background-contain,
.section-card .card-box .background-cover {
    z-index: -1
}

.section-card .card-box .background-cover {
    background-color: #260e51
}

.section-card .card-box .container-fluid,
.section-card .card-box .container-lg,
.section-card .card-box .container-md,
.section-card .card-box .container-sm,
.section-card .card-box .container-xl,
.section-card .card-box .container-xxl,
.section-card .card-box .container-xxxl {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem;
    position: relative
}

@media (min-width:576px) {
    .section-card .card-box .container-fluid,
    .section-card .card-box .container-lg,
    .section-card .card-box .container-md,
    .section-card .card-box .container-sm,
    .section-card .card-box .container-xl,
    .section-card .card-box .container-xxl,
    .section-card .card-box .container-xxxl {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width:768px) {
    .section-card .card-box .container-fluid,
    .section-card .card-box .container-lg,
    .section-card .card-box .container-md,
    .section-card .card-box .container-sm,
    .section-card .card-box .container-xl,
    .section-card .card-box .container-xxl,
    .section-card .card-box .container-xxxl {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width:992px) {
    .section-card .card-box .container-fluid,
    .section-card .card-box .container-lg,
    .section-card .card-box .container-md,
    .section-card .card-box .container-sm,
    .section-card .card-box .container-xl,
    .section-card .card-box .container-xxl,
    .section-card .card-box .container-xxxl {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width:576px) {
    .section-card .card-box .container-fluid,
    .section-card .card-box .container-lg,
    .section-card .card-box .container-md,
    .section-card .card-box .container-sm,
    .section-card .card-box .container-xl,
    .section-card .card-box .container-xxl,
    .section-card .card-box .container-xxxl {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

@media (min-width:768px) {
    .section-card .card-box .container-fluid,
    .section-card .card-box .container-lg,
    .section-card .card-box .container-md,
    .section-card .card-box .container-sm,
    .section-card .card-box .container-xl,
    .section-card .card-box .container-xxl,
    .section-card .card-box .container-xxxl {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

@media (min-width:992px) {
    .section-card .card-box .container-fluid,
    .section-card .card-box .container-lg,
    .section-card .card-box .container-md,
    .section-card .card-box .container-sm,
    .section-card .card-box .container-xl,
    .section-card .card-box .container-xxl,
    .section-card .card-box .container-xxxl {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.section-card .card-box .header {
    align-self: center;
    margin-bottom: auto;
    text-align: center
}

.section-card .card-box .header .logo {
    height: 40px;
    margin-bottom: 14px;
    width: auto
}

@media (min-width:576px) {
    .section-card .card-box .header .logo {
        height: 62px
    }
}

@media (min-width:768px) {
    .section-card .card-box .header .logo {
        height: 40px
    }
}

@media (min-width:992px) {
    .section-card .card-box .header .logo {
        height: 62px
    }
}

@media (min-width:576px) {
    .section-card .card-box .header .logo {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .section-card .card-box .header .logo {
        margin-bottom: 14px
    }
}

@media (min-width:992px) {
    .section-card .card-box .header .logo {
        margin-bottom: 20px
    }
}

.section-card .card-box .header .header-title {
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:576px) {
    .section-card .card-box .header .header-title {
        font-size: 1.375rem
    }
}

@media (min-width:768px) {
    .section-card .card-box .header .header-title {
        font-size: 1.125rem
    }
}

@media (min-width:992px) {
    .section-card .card-box .header .header-title {
        font-size: 1.375rem
    }
}

@media only screen and (max-width:376px) {
    .section-card .card-box .header .header-title {
        font-size: 1rem
    }
}

.section-card .card-box .box-lead {
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: -.04em;
    margin-bottom: 30px;
    max-width: 250px;
    text-transform: uppercase
}

@media (min-width:1200px) {
    .section-card .card-box .box-lead {
        font-size: 1rem
    }
}

.section-card .card-box .banner-title {
    font-size: 2.625rem;
    margin-bottom: 0;
    text-transform: uppercase
}

@media (min-width:576px) {
    .section-card .card-box .banner-title {
        font-size: 3.75rem
    }
}

@media (min-width:768px) {
    .section-card .card-box .banner-title {
        font-size: 2.25rem
    }
}

@media (min-width:992px) {
    .section-card .card-box .banner-title {
        font-size: 2.625rem
    }
}

@media only screen and (max-width:376px) {
    .section-card .card-box .banner-title {
        font-size: 2rem
    }
}

a.prize-card {
    text-decoration: none
}

a.prize-card .background-cover {
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1)
}

a.prize-card:focus-visible .background-cover {
    transform: scale(1.12)
}

a.prize-card:active .background-cover {
    transform: scale(1.12)
}

@media (hover:hover) {
    a.prize-card:hover .background-cover {
        transform: scale(1.12)
    }
}

.prize-card {
    display: flex;
    flex-direction: column;
    letter-spacing: -.04em
}

.prize-card .image {
    background-color: #260e51;
    overflow: hidden;
    padding-bottom: 133.1606%;
    position: relative
}

.prize-card .image.no-padding img {
    padding: 0 !important
}

.prize-card .image img {
    padding: 14%
}

@media (max-width:1499.98px) {
    .prize-card .name,
    .prize-card .points {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.prize-card .name {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 12px;
    margin-top: 12px
}

@media (min-width:1200px) {
    .prize-card .name {
        font-size: 1rem;
        line-height: 1.3;
        margin-bottom: 16px;
        margin-top: 16px
    }
}

.prize-card .points {
    display: flex;
    flex-direction: column;
    margin-top: auto
}

@media (min-width:1500px) {
    .prize-card .points {
        align-items: center;
        flex-direction: row
    }
}

.prize-card .points .required-points {
    font-size: .75rem;
    font-weight: 600;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase
}

@media (min-width:1200px) {
    .prize-card .points .required-points {
        font-size: .875rem
    }
}

.prize-card .points .required-points:before {
    background-image: url(../img/icon-giglio.svg);
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 12px
}

@media (min-width:1200px) {
    .prize-card .points .required-points:before {
        height: 14px;
        width: 14px
    }
}

.prize-card .points .required-points.not-sufficient>span {
    color: #e2241c
}

.prize-card .points .missing {
    font-size: .625rem;
    margin-top: 2px;
    padding-left: 20px
}

@media (min-width:1200px) {
    .prize-card .points .missing {
        font-size: .75rem
    }
}

@media (min-width:1500px) {
    .prize-card .points .missing {
        margin-left: 10px;
        margin-top: 0;
        padding-left: 10px;
        position: relative
    }
    .prize-card .points .missing:before {
        background-color: hsla(0, 0%, 100%, .6);
        content: "";
        display: block;
        height: 12px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }
}

#checkoutForm,
#eventForm,
#experienceFormModal {
    z-index: 200
}

#checkoutForm [data-form-step],
#eventForm [data-form-step],
#experienceFormModal [data-form-step] {
    opacity: 0;
    transition-duration: 0ms;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#checkoutForm [data-form-step]:not(.animate),
#eventForm [data-form-step]:not(.animate),
#experienceFormModal [data-form-step]:not(.animate) {
    display: none !important
}

#checkoutForm [data-form-step].current-step.animate,
#eventForm [data-form-step].current-step.animate,
#experienceFormModal [data-form-step].current-step.animate {
    opacity: 0
}

#checkoutForm [data-form-step].current-step.in,
#eventForm [data-form-step].current-step.in,
#experienceFormModal [data-form-step].current-step.in {
    opacity: 1;
    transition-delay: .15s;
    transition-duration: .5s
}

#checkoutForm [data-form-step].current-step.out,
#eventForm [data-form-step].current-step.out,
#experienceFormModal [data-form-step].current-step.out {
    transition-duration: .3s
}

@media (max-width:767.98px) {
    #checkoutForm [data-form-step].form-panel,
    #eventForm [data-form-step].form-panel,
    #experienceFormModal [data-form-step].form-panel {
        transition-property: opacity, margin
    }
    #checkoutForm [data-form-step].form-panel.animate,
    #eventForm [data-form-step].form-panel.animate,
    #experienceFormModal [data-form-step].form-panel.animate {
        margin-bottom: -20px
    }
    #checkoutForm [data-form-step].form-panel.in,
    #eventForm [data-form-step].form-panel.in,
    #experienceFormModal [data-form-step].form-panel.in {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    #checkoutForm [data-form-step].form-panel,
    #eventForm [data-form-step].form-panel,
    #experienceFormModal [data-form-step].form-panel {
        transition-property: opacity, transform
    }
    #checkoutForm [data-form-step].form-panel.current-step.animate,
    #eventForm [data-form-step].form-panel.current-step.animate,
    #experienceFormModal [data-form-step].form-panel.current-step.animate {
        transform: translateX(20px)
    }
    #checkoutForm [data-form-step].form-panel.current-step.in,
    #eventForm [data-form-step].form-panel.current-step.in,
    #experienceFormModal [data-form-step].form-panel.current-step.in {
        transform: translateX(0)
    }
    #checkoutForm [data-form-step].form-panel.current-step.out,
    #eventForm [data-form-step].form-panel.current-step.out,
    #experienceFormModal [data-form-step].form-panel.current-step.out {
        transform: translateX(40px)
    }
}

#checkoutForm .size-panel,
#eventForm .size-panel,
#experienceFormModal .size-panel {
    background-color: #5a348b;
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
    left: 50%;
    letter-spacing: -.04em;
    max-width: min(100% - 2rem, 560px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

@media (min-width:1200px) {
    #checkoutForm .size-panel,
    #eventForm .size-panel,
    #experienceFormModal .size-panel {
        font-size: 1.625rem
    }
}

#checkoutForm .size-panel .header,
#eventForm .size-panel .header,
#experienceFormModal .size-panel .header {
    line-height: 1;
    padding: 17px 29px
}

@media (min-width:1200px) {
    #checkoutForm .size-panel .header,
    #eventForm .size-panel .header,
    #experienceFormModal .size-panel .header {
        padding: 23px 29px
    }
}

#checkoutForm .size-panel .size-grid,
#eventForm .size-panel .size-grid,
#experienceFormModal .size-panel .size-grid {
    grid-gap: 1px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

#checkoutForm .size-panel .size-grid .grid-item,
#eventForm .size-panel .size-grid .grid-item,
#experienceFormModal .size-panel .size-grid .grid-item {
    box-shadow: 0 0 0 1px #684898;
    text-align: center
}

#checkoutForm .size-panel .size-grid .grid-item label,
#eventForm .size-panel .size-grid .grid-item label,
#experienceFormModal .size-panel .size-grid .grid-item label {
    --bs-btn-active-bg: #00964180;
    --bs-btn-active-border-color: #00964180;
    width: 100%
}

#checkoutForm .size-panel .size-grid .grid-item label:focus-visible,
#eventForm .size-panel .size-grid .grid-item label:focus-visible,
#experienceFormModal .size-panel .size-grid .grid-item label:focus-visible {
    background-color: rgba(0, 150, 65, .502)
}

#checkoutForm .size-panel .size-grid .grid-item label:active,
#eventForm .size-panel .size-grid .grid-item label:active,
#experienceFormModal .size-panel .size-grid .grid-item label:active {
    background-color: rgba(0, 150, 65, .502)
}

@media (hover:hover) {
    #checkoutForm .size-panel .size-grid .grid-item label:hover,
    #eventForm .size-panel .size-grid .grid-item label:hover,
    #experienceFormModal .size-panel .size-grid .grid-item label:hover {
        background-color: rgba(0, 150, 65, .502)
    }
}

@media (min-width:1200px) {
    #checkoutForm .size-panel .size-grid .grid-item label,
    #eventForm .size-panel .size-grid .grid-item label,
    #experienceFormModal .size-panel .size-grid .grid-item label {
        --bs-btn-padding-y: 1.4375rem
    }
}

#checkoutForm .form-panel,
#eventForm .form-panel,
#experienceFormModal .form-panel {
    background-color: #fff;
    bottom: 0;
    clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
    color: #000;
    display: flex;
    flex-direction: column;
    height: 100%;
    height: 100vh;
    height: 100dvh;
    left: 50%;
    max-height: calc(100dvh - 126px);
    max-width: min(595px, 100% - 2rem);
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

@media (min-width:768px) {
    #checkoutForm .form-panel,
    #eventForm .form-panel,
    #experienceFormModal .form-panel {
        bottom: auto;
        left: auto;
        max-height: none;
        right: 0;
        top: 0
    }
}

#checkoutForm .form-panel [data-overlayscrollbars-viewport],
#eventForm .form-panel [data-overlayscrollbars-viewport],
#experienceFormModal .form-panel [data-overlayscrollbars-viewport] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

#checkoutForm .form-panel .os-scrollbar-vertical,
#eventForm .form-panel .os-scrollbar-vertical,
#experienceFormModal .form-panel .os-scrollbar-vertical {
    right: 3px
}

@media (min-width:576px) {
    #checkoutForm .form-panel .os-scrollbar-vertical,
    #eventForm .form-panel .os-scrollbar-vertical,
    #experienceFormModal .form-panel .os-scrollbar-vertical {
        right: 10px
    }
}

#checkoutForm .form-panel .form-container,
#eventForm .form-panel .form-container,
#experienceFormModal .form-panel .form-container {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 40px 1rem 30px
}

@media (min-width:576px) {
    #checkoutForm .form-panel .form-container,
    #eventForm .form-panel .form-container,
    #experienceFormModal .form-panel .form-container {
        padding: 40px 40px 30px
    }
}

@media (min-width:768px) {
    #checkoutForm .form-panel .form-container,
    #eventForm .form-panel .form-container,
    #experienceFormModal .form-panel .form-container {
        padding: 66px 50px 40px
    }
}

#checkoutForm .form-panel .form-container>.actions,
#eventForm .form-panel .form-container>.actions,
#experienceFormModal .form-panel .form-container>.actions {
    margin-top: auto
}

#checkoutForm .form-panel .header,
#eventForm .form-panel .header,
#experienceFormModal .form-panel .header {
    letter-spacing: -.04em
}

#checkoutForm .form-panel .header>span,
#eventForm .form-panel .header>span,
#experienceFormModal .form-panel .header>span {
    color: #5b28a1;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase
}

#checkoutForm .form-panel .header p,
#eventForm .form-panel .header p,
#experienceFormModal .form-panel .header p {
    margin-bottom: 0;
    margin-top: 20px;
    opacity: .7
}

#checkoutForm .form-panel .header .step-title,
#eventForm .form-panel .header .step-title,
#experienceFormModal .form-panel .header .step-title {
    font-size: .8125rem;
    font-weight: 600;
    margin-top: 20px;
    text-transform: uppercase
}

@media (min-width:1200px) {
    #checkoutForm .form-panel .header .step-title,
    #eventForm .form-panel .header .step-title,
    #experienceFormModal .form-panel .header .step-title {
        font-size: .875rem
    }
}

#checkoutForm .form-panel .header .step-title .points,
#eventForm .form-panel .header .step-title .points,
#experienceFormModal .form-panel .header .step-title .points {
    color: #5b28a1;
    padding-left: 22px;
    position: relative
}

#checkoutForm .form-panel .header .step-title .points:before,
#eventForm .form-panel .header .step-title .points:before,
#experienceFormModal .form-panel .header .step-title .points:before {
    background-image: url(../img/icon-giglio.svg);
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    left: 3px;
    position: absolute;
    top: 0;
    width: 16px
}

@media (min-width:1200px) {
    #checkoutForm .form-panel .header .step-title .points:before,
    #eventForm .form-panel .header .step-title .points:before,
    #experienceFormModal .form-panel .header .step-title .points:before {
        height: 18px;
        width: 18px
    }
}

#checkoutForm .form-panel .form,
#eventForm .form-panel .form,
#experienceFormModal .form-panel .form {
    margin: 40px 0 60px
}

@media (min-width:576px) {
    #checkoutForm .form-panel .form,
    #eventForm .form-panel .form,
    #experienceFormModal .form-panel .form {
        margin: 50px 0 80px
    }
}

@media (min-width:1200px) {
    #checkoutForm .form-panel .form,
    #eventForm .form-panel .form,
    #experienceFormModal .form-panel .form {
        margin: 50px 0 100px
    }
}

#checkoutForm .form-panel .form>.form-floating:first-child,
#eventForm .form-panel .form>.form-floating:first-child,
#experienceFormModal .form-panel .form>.form-floating:first-child {
    margin-top: 0
}

#checkoutForm .form-panel .form .hint,
#eventForm .form-panel .form .hint,
#experienceFormModal .form-panel .form .hint {
    color: #404040;
    font-size: .75rem;
    margin-top: 10px
}

#checkoutForm .form-panel .actions,
#eventForm .form-panel .actions,
#experienceFormModal .form-panel .actions {
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex
}

#checkoutForm .form-panel .actions .scroll-arrow,
#eventForm .form-panel .actions .scroll-arrow,
#experienceFormModal .form-panel .actions .scroll-arrow {
    flex: 0 0 auto
}

#checkoutForm .form-panel .actions .scroll-arrow .arrow,
#eventForm .form-panel .actions .scroll-arrow .arrow,
#experienceFormModal .form-panel .actions .scroll-arrow .arrow {
    height: 40px
}

#checkoutForm .form-panel .actions .btn-primary,
#eventForm .form-panel .actions .btn-primary,
#experienceFormModal .form-panel .actions .btn-primary {
    flex: 1 1 auto
}

#checkoutForm .form-panel-result,
#eventForm .form-panel-result,
#experienceFormModal .form-panel-result {
    background: url(../img/texture-010-checkout-form.svg) 100% 100%/90% auto no-repeat, linear-gradient(20.3deg, #361e61 65.23%, #4c298a 106.04%);
    color: #fff
}

#checkoutForm .form-panel-result .header,
#eventForm .form-panel-result .header,
#experienceFormModal .form-panel-result .header {
    display: flex;
    flex-direction: column
}

#checkoutForm .form-panel-result .header>span,
#eventForm .form-panel-result .header>span,
#experienceFormModal .form-panel-result .header>span {
    color: #fff
}

#checkoutForm .form-panel-result .header .title,
#eventForm .form-panel-result .header .title,
#experienceFormModal .form-panel-result .header .title {
    font-size: 2.1875rem;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 30px
}

#checkoutForm .card-selector .selector,
#eventForm .card-selector .selector,
#experienceFormModal .card-selector .selector {
    justify-content: space-between
}

#checkoutForm .card-selector .selector .card-selection,
#eventForm .card-selector .selector .card-selection,
#experienceFormModal .card-selector .selector .card-selection {
    border-color: #39226b;
    transition-property: border, opacity
}

#checkoutForm .card-selector .selector .card-selection.selected,
#eventForm .card-selector .selector .card-selection.selected,
#experienceFormModal .card-selector .selector .card-selection.selected {
    opacity: 1
}

#checkoutForm .card-selector .selector .card-selection.selected+.card-selection,
#eventForm .card-selector .selector .card-selection.selected+.card-selection,
#experienceFormModal .card-selector .selector .card-selection.selected+.card-selection {
    opacity: .8
}

#checkoutForm .card-selector .selector .card-selection:has(+.selected),
#eventForm .card-selector .selector .card-selection:has(+.selected),
#experienceFormModal .card-selector .selector .card-selection:has(+.selected) {
    opacity: .8
}

#checkoutForm .card-selector .selector .card-selection:after,
#eventForm .card-selector .selector .card-selection:after,
#experienceFormModal .card-selector .selector .card-selection:after {
    background-image: url(../img/check-fill-white.svg)
}

#checkoutForm [data-form-step=delivery] .show-stores,
#eventForm [data-form-step=delivery] .show-stores,
#experienceFormModal [data-form-step=delivery] .show-stores {
    color: #5b28a1;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 60px;
    text-decoration: none;
    text-transform: uppercase
}

#checkoutForm [data-form-step=delivery] .show-stores:after,
#eventForm [data-form-step=delivery] .show-stores:after,
#experienceFormModal [data-form-step=delivery] .show-stores:after {
    background-color: currentColor
}

#checkoutForm .btn-submit,
#eventForm .btn-submit,
#experienceFormModal .btn-submit {
    width: 100%
}

.prize-item {
    border-bottom: 1px solid hsla(0, 0%, 100%, .125);
    border-top: 1px solid hsla(0, 0%, 100%, .125);
    padding: 40px 0;
    position: relative
}

@media (min-width:992px) {
    .prize-item {
        padding: 26px 14px
    }
}

.prize-item .label {
    display: block;
    font-size: .8125rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    text-transform: uppercase
}

@media (min-width:1200px) {
    .prize-item .label {
        font-size: .9375rem
    }
}

.prize-item .item-text {
    font-size: .8125rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.2;
    opacity: .8;
    text-transform: none
}

@media (min-width:1200px) {
    .prize-item .item-text {
        font-size: .9375rem
    }
}

.prize-item .dsk {
    display: none
}

@media (min-width:992px) {
    .prize-item .dsk {
        display: block
    }
}

.prize-item .mbl {
    display: block
}

@media (min-width:992px) {
    .prize-item .mbl {
        display: none
    }
}

.prize-item .item-content {
    display: flex;
    flex-direction: column
}

@media (min-width:992px) {
    .prize-item .item-content {
        flex-direction: row
    }
}

.prize-item .item-content .product-datetime {
    flex: 0 0 auto;
    font-size: .8125rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 16px;
    margin-right: 0;
    opacity: .8;
    text-align: left
}

@media (min-width:1200px) {
    .prize-item .item-content .product-datetime {
        font-size: .9375rem
    }
}

@media (min-width:992px) {
    .prize-item .item-content .product-datetime {
        margin-right: 40px
    }
}

@media (min-width:1200px) {
    .prize-item .item-content .product-datetime {
        margin-right: 60px
    }
}

@media (min-width:2000px) {
    .prize-item .item-content .product-datetime {
        margin-right: 130px
    }
}

@media (min-width:992px) {
    .prize-item .item-content .product-datetime {
        margin-bottom: 0
    }
}

.prize-item .item-content .product-name {
    font-size: 1rem;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-bottom: 22px;
    margin-top: 0;
    text-transform: uppercase
}

@media (min-width:1200px) {
    .prize-item .item-content .product-name {
        font-size: 1.125rem;
        margin-bottom: 52px
    }
}

.prize-item .item-content .product-name.mbl {
    margin-bottom: 8px
}

.prize-item .item-content .product-points {
    align-items: center;
    display: flex;
    margin-bottom: 32px
}

@media (min-width:992px) {
    .prize-item .item-content .product-points {
        margin-bottom: 86px
    }
}

.prize-item .item-content .product-points .label-points {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1;
    padding-right: 8px;
    text-transform: uppercase;
    white-space: nowrap
}

@media (min-width:1200px) {
    .prize-item .item-content .product-points .label-points {
        font-size: 1.125rem
    }
}

@media (min-width:992px) {
    .prize-item .item-content .product-points .label-points {
        text-transform: none
    }
}

.prize-item .item-content .product-points .points {
    color: #e2241c;
    font-size: 1rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1
}

@media (min-width:1200px) {
    .prize-item .item-content .product-points .points {
        font-size: 1.25rem
    }
}

@media (min-width:992px) {
    .prize-item .item-content .product-points .points {
        line-height: 1.2
    }
}

.prize-item .item-content .mobile-image-container {
    flex-basis: unset;
    margin-right: 0;
    max-width: 215px;
    width: 100%
}

@media (min-width:992px) {
    .prize-item .item-content .mobile-image-container {
        flex-basis: auto;
        margin-right: 40px
    }
}

@media (min-width:1200px) {
    .prize-item .item-content .mobile-image-container {
        margin-right: 60px
    }
}

@media (min-width:2000px) {
    .prize-item .item-content .mobile-image-container {
        margin-right: 130px
    }
}

@media (max-width:991.98px) {
    .prize-item .item-content .mobile-image-container {
        align-items: center;
        display: flex;
        margin-bottom: 32px;
        max-width: none
    }
}

.prize-item .item-content .image-container {
    height: 100%;
    width: 50%
}

@media (min-width:992px) {
    .prize-item .item-content .image-container {
        width: 100%
    }
}

.prize-item .item-content .image-container .image {
    background-color: #260e51;
    height: 100%;
    overflow: hidden;
    padding-bottom: 133.0233%;
    position: relative
}

.prize-item .item-content .image-container .image.no-padding img {
    padding: 0 !important
}

.prize-item .item-content .image-container .image img {
    padding: 14%
}

.prize-item .item-content .shipping-status {
    margin-bottom: 22px
}

@media (min-width:992px) {
    .prize-item .item-content .shipping-status {
        margin-bottom: 32px
    }
}

@media (min-width:2000px) {
    .prize-item .item-content .shipping-status {
        margin-bottom: 52px
    }
}

.prize-item .item-content .shipping-status.mbl {
    margin-bottom: 0;
    padding-left: 24px
}

.prize-item .item-content .address-info {
    line-height: 1.4
}

.prize-item .item-content .prize-details {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 32px
}

@media (min-width:992px) {
    .prize-item .item-content .prize-details {
        margin-bottom: 0
    }
}

.prize-item .item-content .prize-details .shipping-address-container>.label {
    margin-bottom: 8px
}

.prize-item .item-content .product-recap {
    display: flex;
    flex-direction: row;
    text-align: end
}

@media (min-width:992px) {
    .prize-item .item-content .product-recap {
        flex-direction: column
    }
}

.prize-item .item-content .product-recap .barcode-container {
    max-width: none
}

@media (min-width:992px) {
    .prize-item .item-content .product-recap .barcode-container {
        max-width: 180px
    }
}

@media (max-width:991.98px) {
    .prize-item .item-content .product-recap .barcode-container {
        align-items: center;
        display: flex;
        margin-bottom: 32px
    }
    .prize-item .item-content .product-recap .barcode-container .hint {
        padding-left: 37px;
        text-align: start
    }
}

.prize-item .item-content .product-recap .barcode-container .barcode {
    background-color: #fff;
    display: flex;
    flex: 0 0 auto;
    height: 90px;
    margin-bottom: 0;
    padding: 14px 14px 30px;
    position: relative;
    width: 180px
}

@media (min-width:992px) {
    .prize-item .item-content .product-recap .barcode-container .barcode {
        margin-bottom: 8px
    }
}

.prize-item .item-content .product-recap .barcode-container .barcode img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.prize-item .item-content .product-recap .barcode-container .barcode .barcode-code {
    bottom: 8px;
    color: #000;
    font-family: monospace;
    font-size: .75rem;
    font-style: normal;
    left: 50%;
    letter-spacing: .2em;
    position: absolute;
    transform: translateX(-50%)
}

.prize-item .item-content .product-recap .barcode-container .hint {
    font-size: .875rem;
    letter-spacing: -.04em;
    line-height: 1.4;
    opacity: .5
}

.prize-item .item-content .button-container {
    align-items: flex-start;
    display: flex
}

.prize-item .item-content button.btn-link span {
    color: #fff;
    font-size: .8125rem;
    padding-left: 12px;
    position: relative
}

@media (min-width:1200px) {
    .prize-item .item-content button.btn-link span {
        font-size: .875rem
    }
}

.prize-item .item-content button.btn-link span:before {
    left: 0;
    padding-right: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.prize-item .item-content button.btn-link[aria-expanded=false] span:before {
    content: "+"
}

.prize-item .item-content button.btn-link[aria-expanded=true] span:before {
    content: "-"
}

.prize-item .prize-details-collapsed {
    padding-left: 0
}

@media (min-width:992px) {
    .prize-item .prize-details-collapsed {
        padding-left: 427px
    }
}

@media (min-width:1200px) {
    .prize-item .prize-details-collapsed {
        padding-left: 488px
    }
}

@media (min-width:2000px) {
    .prize-item .prize-details-collapsed {
        padding-left: 628px
    }
}

.prize-item .prize-details-collapsed .collapse-container {
    padding-top: 32px
}

.account {
    align-items: center;
    display: flex;
    left: -65px;
    position: relative
}

@media (min-width:992px) {
    .account {
        left: -100px
    }
}

@media (min-width:1200px) {
    .account {
        left: -65px
    }
}

@media (min-width:1500px) {
    .account {
        left: -116px
    }
}

@media only screen and (max-width:376px) {
    .account {
        left: -100px
    }
}

.account:not(:has(.btn-account)) {
    left: 0 !important;
    position: absolute
}

.account:not(:has(.btn-account)) .account-data {
    display: block;
    left: 0;
    top: -26px
}

@media (max-width:991.98px) {
    .account:not(:has(.btn-account)) {
        width: 100%
    }
    .account:not(:has(.btn-account)) .account-data {
        font-size: 1rem;
        text-align: center;
        width: 100%
    }
    .account:not(:has(.btn-account)) .account-data .welcome {
        margin: 0;
        white-space: normal
    }
}

.account .btn-account {
    --bs-btn-disabled-opacity: 1;
    --bs-btn-disabled-color: #fff;
    cursor: default;
    height: 80px
}

@media (min-width:1500px) {
    .account .btn-account {
        height: 150px
    }
}

.account .account-data {
    align-items: start;
    display: flex;
    flex-direction: column;
    font-size: .8125rem;
    left: 96px;
    position: absolute
}

@media (min-width:1500px) {
    .account .account-data {
        font-size: 1.25rem;
        left: 172px
    }
}

.account .account-data .hello {
    line-height: 2
}

.account .account-data .name,
.account .account-data .surname {
    font-size: 1.25rem;
    font-style: italic;
    letter-spacing: -.04em;
    line-height: 1;
    text-transform: uppercase
}

@media (min-width:1500px) {
    .account .account-data .name,
    .account .account-data .surname {
        font-size: 1.5rem
    }
}

@media only screen and (max-width:376px) {
    .account .account-data .name,
    .account .account-data .surname {
        font-size: 1rem
    }
}

.account .account-data .name {
    font-weight: 800;
    margin-top: 4px
}

.account .account-data .surname {
    font-weight: 600;
    margin-bottom: 4px
}

.account .account-data .welcome {
    margin: 4px 0;
    white-space: nowrap
}

@media (max-width:991.98px) {
    .account .account-data .welcome {
        display: block
    }
}

.account .account-data .account-link {
    left: 3px;
    line-height: 2;
    padding-bottom: 0;
    position: relative;
    text-decoration: underline
}

@media (min-width:1500px) {
    .account .account-data .account-link {
        font-size: .8125rem
    }
}

@media (max-width:991.98px) {
    .account .account-data .account-link {
        margin: 0 auto
    }
}

.personal-rank-container .progress {
    display: inline-block;
    margin-top: 55px;
    position: relative
}

@media (min-width:992px) {
    .personal-rank-container .progress {
        margin-top: 80px
    }
}

@media (min-width:1200px) {
    .personal-rank-container .progress {
        margin-top: 55px
    }
}

@media (min-width:1500px) {
    .personal-rank-container .progress {
        margin-top: 124px
    }
}

@media only screen and (max-width:376px) {
    .personal-rank-container .progress {
        margin-top: 80px
    }
}

.personal-rank-container .progress .progress-svg {
    height: 110px;
    width: auto
}

@media (min-width:1500px) {
    .personal-rank-container .progress .progress-svg {
        height: 128px
    }
}

.personal-rank-container .progress .text {
    bottom: -28px;
    display: flex;
    flex-direction: column;
    font-style: italic;
    font-weight: 800;
    left: 50%;
    letter-spacing: -.04em;
    line-height: 1;
    position: absolute;
    text-align: center;
    transform: translateX(-50%)
}

@media (min-width:1500px) {
    .personal-rank-container .progress .text {
        bottom: -42px
    }
}

.personal-rank-container .progress .text .stat {
    font-size: .8125rem
}

@media (min-width:1500px) {
    .personal-rank-container .progress .text .stat {
        font-size: 1.0625rem
    }
}

.personal-rank-container .progress .text .value {
    font-size: 3.125rem
}

@media (min-width:1500px) {
    .personal-rank-container .progress .text .value {
        font-size: 4rem
    }
}

.personal-rank-container .progress .text .target {
    font-size: .75rem;
    font-weight: 400
}

@media (min-width:1500px) {
    .personal-rank-container .progress .text .target {
        font-size: .75rem
    }
}

.personal-rank-container .progress .text .label {
    color: #009641;
    font-size: 1rem;
    margin-top: 4px;
    text-transform: uppercase
}

@media (min-width:1500px) {
    .personal-rank-container .progress .text .label {
        font-size: 1.25rem
    }
}

.personal-rank-container .badge {
    left: 165px;
    position: relative;
    top: -27px;
    transform: translateY(-50%)
}

@media (min-width:1500px) {
    .personal-rank-container .badge {
        left: 193px;
        top: -32px
    }
}

.personal-rank-container .badge img {
    height: auto;
    width: 57px
}

@media (min-width:1500px) {
    .personal-rank-container .badge img {
        width: 80px
    }
}

.main-card-container {
    display: inline-block;
    position: relative
}

.challenge-relative-container {
    position: relative;
    transform-style: preserve-3d;
    transition-duration: 1s;
    transition-property: transform, top, left, opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.challenge-relative-container.reallocate-card {
    transition-property: top, left
}

.challenge-relative-container.hover {
    transform: rotateX(10deg) rotateY(-24deg)
}

.challenge-relative-container .badge {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 52px;
    position: absolute;
    right: -28px;
    top: -25px;
    transform: rotate(2deg);
    width: 52px
}

@media (min-width:992px) {
    .challenge-relative-container .badge {
        height: 66px;
        right: -35px;
        top: -32px;
        width: 66px
    }
}

.challenge-relative-container.completed .badge {
    background-image: url(../img/challenge-card-status-completed.svg)
}

.challenge-relative-container.completed .img-outline {
    background: linear-gradient(10deg, #371f62 20.25%, #009641 94.96%)
}

.challenge-relative-container.completed .challenge-card-box {
    border-image-source: url(../img/challenge-card-completed-mbl-bk.png)
}

@media (min-width:992px) {
    .challenge-relative-container.completed .challenge-card-box {
        border-image-source: url(../img/challenge-card-completed-dsk-bk.png)
    }
}

.challenge-relative-container.replayable .badge {
    background-image: url(../img/challenge-card-status-completed-replayable.svg)
}

.challenge-relative-container.replayable .img-outline {
    background: linear-gradient(10deg, #371f62 20.25%, #009641 94.96%)
}

.challenge-relative-container.replayable .challenge-card-box {
    border-image-source: url(../img/challenge-card-completed-mbl-bk.png)
}

@media (min-width:992px) {
    .challenge-relative-container.replayable .challenge-card-box {
        border-image-source: url(../img/challenge-card-completed-dsk-bk.png)
    }
}

.challenge-relative-container.locked .badge {
    background-color: #351f63;
    background-image: url(../img/challenge-card-status-locked.svg);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%)
}

.challenge-relative-container.locked .challenge-card-box {
    border-image-source: url(../img/challenge-card-locked-mbl-bk.png)
}

@media (min-width:992px) {
    .challenge-relative-container.locked .challenge-card-box {
        border-image-source: url(../img/challenge-card-locked-dsk-bk.png)
    }
}

.challenge-relative-container.locked .challenge-card-box .challenge-details,
.challenge-relative-container.locked .challenge-card-box .challenge-title,
.challenge-relative-container.locked .challenge-card-box .earn-label,
.challenge-relative-container.locked .challenge-card-box .points-container {
    opacity: .3
}

.challenge-relative-container.new .new-badge {
    background-image: url(../img/challenge-card-status-new.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    height: 18px;
    left: -32px;
    position: absolute;
    top: 15px;
    transform: rotate(-90deg);
    width: 48px
}

.challenge-relative-container .img-outline {
    background: linear-gradient(180deg, #361e61 45.87%, #4c298a 99.6%);
    clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 36px, 100% 100%, 42px 100%, 0 calc(100% - 55px));
    height: calc(100% - 5px);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 6px)
}

@media (min-width:992px) {
    .challenge-relative-container .img-outline {
        height: calc(100% - 8px);
        width: calc(100% - 8px)
    }
}

@media (max-width:991.98px) {
    .challenge-relative-container .img-outline {
        clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 30px, 100% 100%, 33px 100%, 0 calc(100% - 43px))
    }
}

.challenge-relative-container .img-outline:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 1px;
    width: 100%
}

@media (min-width:992px) {
    .challenge-relative-container .img-outline:before {
        top: 0
    }
}

.challenge-relative-container .img-outline.background-type-1:before {
    background-image: url(../img/texture-sfide-1.svg)
}

.challenge-relative-container .img-outline.background-type-2:before {
    background-image: url(../img/texture-sfide-2.svg)
}

.challenge-relative-container .img-outline.background-type-3:before {
    background-image: url(../img/texture-sfide-3.svg)
}

.challenge-relative-container .img-outline.background-type-4:before {
    background-image: url(../img/texture-sfide-4.svg)
}

.challenge-relative-container .challenge-card-box {
    border-image-repeat: stretch;
    border-image-slice: 46;
    border-image-source: url(../img/challenge-card-normal-mbl-bk.png);
    border-style: solid;
    border-width: 46px;
    clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 36px, 100% 100%, 44px 100%, 0 calc(100% - 56px));
    cursor: pointer;
    display: block;
    height: 267px;
    position: relative;
    width: 170px
}

@media (min-width:992px) {
    .challenge-relative-container .challenge-card-box {
        border-image-slice: 58;
        border-image-source: url(../img/challenge-card-normal-dsk-bk.png);
        border-width: 58px;
        height: 340px;
        width: 218px
    }
}

@media (max-width:991.98px) {
    .challenge-relative-container .challenge-card-box {
        clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 28px, 100% 100%, 34px 100%, 0 calc(100% - 44px))
    }
}

.challenge-relative-container .challenge-card-box .card-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100% + 92px);
    margin: -46px;
    padding: 28px 30px 12px;
    position: absolute;
    width: calc(100% + 92px)
}

@media (min-width:992px) {
    .challenge-relative-container .challenge-card-box .card-content {
        height: calc(100% + 116px);
        margin: -58px;
        padding: 32px 34px 12px;
        width: calc(100% + 116px)
    }
}

.challenge-relative-container .challenge-card-box .card-content .image {
    background-color: #260e51;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 80px
}

@media (min-width:992px) {
    .challenge-relative-container .challenge-card-box .card-content .image {
        height: 100px;
        width: 100px
    }
}

.challenge-relative-container .challenge-card-box .card-content .image img {
    left: 50%;
    max-width: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%)
}

.challenge-relative-container .challenge-card-box .card-content .challenge-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    display: -webkit-box;
    flex: 1 1 auto;
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 12px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    width: 100%
}

@media (min-width:992px) {
    .challenge-relative-container .challenge-card-box .card-content .challenge-title {
        font-size: 1rem
    }
}

.challenge-relative-container .challenge-card-box .card-content .earn-label {
    font-size: .75rem;
    letter-spacing: -.04em;
    position: relative;
    text-align: center
}

.challenge-relative-container .challenge-card-box .card-content .earn-label:after {
    background-color: hsla(0, 0%, 100%, .051);
    bottom: -2px;
    content: "";
    left: -10px;
    position: absolute;
    right: -10px;
    top: -2px;
    transform: skew(-20deg);
    z-index: -1
}

.challenge-relative-container .challenge-card-box .card-content .points-container {
    border-top: 1px solid hsla(0, 0%, 100%, .051);
    display: flex;
    flex-direction: column;
    height: 80px;
    margin: 0 -30px;
    padding: 10px 30px 0
}

@media (min-width:992px) {
    .challenge-relative-container .challenge-card-box .card-content .points-container {
        height: 100px
    }
}

.challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row {
    align-items: center;
    display: flex
}

.challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .goals,
.challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .label,
.challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .points {
    flex: 0.5;
    font-style: italic;
    font-weight: 600;
    line-height: 1;
    padding: 0;
    position: relative;
    text-align: center
}

.challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .label {
    font-size: .6875rem;
    letter-spacing: -.04em;
    line-height: 1.2;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase
}

@media (min-width:992px) {
    .challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .label {
        font-size: .8125rem
    }
}

.challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .goals,
.challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .points {
    font-size: 2rem;
    letter-spacing: -.09em;
    text-align: right
}

@media (min-width:992px) {
    .challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .goals,
    .challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .points {
        font-size: 2.625rem
    }
}

.challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .points:before {
    background-image: url(../img/icon-giglio.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    left: -12px;
    position: absolute;
    top: 4px;
    width: 12px
}

@media (min-width:992px) {
    .challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .points:before {
        top: 8px
    }
}

@media (min-width:1200px) {
    .challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .points:before {
        height: 14px;
        width: 14px
    }
}

.challenge-card-container {
    position: relative
}

@media (max-width:767.98px) {
    .challenge-card-container .container-width {
        margin-left: auto;
        margin-right: auto;
        width: 170px
    }
}

.challenge-card-container .category-title {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.04em;
    margin-bottom: 57px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    transition: left .25s cubic-bezier(.165, .84, .44, 1);
    white-space: nowrap
}

@media (min-width:1200px) {
    .challenge-card-container .category-title {
        font-size: 2rem
    }
}

@media (max-width:767.98px) {
    .challenge-card-container .category-title {
        left: 8%;
        margin-bottom: 0;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%) rotate(-90deg)
    }
}

.challenge-card-container .category-title.hide-with-scroll {
    left: -200px !important
}

.challenge-card-container .category-title .counter-label {
    display: block;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.5;
    padding-top: 4px
}

@media (min-width:768px) {
    .challenge-card-container .category-title .counter-label {
        display: none
    }
}

.challenge-card-container .challenge-card-swiper {
    overflow: visible
}

.challenge-card-container .challenge-card-swiper .cards-collection {
    gap: 0
}

@media (min-width:768px) {
    .challenge-card-container .challenge-card-swiper .cards-collection {
        gap: 40px
    }
}

@media (min-width:992px) {
    .challenge-card-container .challenge-card-swiper .cards-collection {
        gap: 78px
    }
}

@media (min-width:1200px) {
    .challenge-card-container .challenge-card-swiper .cards-collection {
        gap: 64px
    }
}

@media (min-width:2000px) {
    .challenge-card-container .challenge-card-swiper .cards-collection {
        gap: 92px
    }
}

@media (min-width:768px) {
    .challenge-card-container .challenge-card-swiper .cards-collection {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

.challenge-card-container .challenge-card-swiper .cards-collection .swiper-slide {
    transition: transform .3s cubic-bezier(.165, .84, .44, 1)
}

.challenge-card-container .challenge-card-swiper .cards-collection .swiper-slide.swiper-slide-prev {
    transform: rotate(-4deg)
}

.challenge-card-container .challenge-card-swiper .cards-collection .swiper-slide.swiper-slide-next {
    transform: rotate(4deg)
}

.challenge-card-modal .challenge-relative-container {
    display: block;
    height: calc(100vh - 60px);
    left: 50%;
    max-height: 455px;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 290px
}

@media (min-width:992px) {
    .challenge-card-modal .challenge-relative-container {
        height: calc(100vh - 100px);
        max-height: 546px;
        width: 350px
    }
}

.challenge-card-modal .challenge-relative-container.locked .badge {
    background-color: #21133e
}

.challenge-card-modal .challenge-relative-container .border-outline {
    background-color: #371f62;
    clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 36px, 100% 100%, 44px 100%, 0 calc(100% - 56px));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width:991.98px) {
    .challenge-card-modal .challenge-relative-container .border-outline {
        clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 28px, 100% 100%, 34px 100%, 0 calc(100% - 44px))
    }
}

.challenge-card-modal .challenge-relative-container .challenge-card-box {
    cursor: default;
    height: calc(100vh - 60px);
    max-height: 455px;
    width: 290px
}

@media (min-width:992px) {
    .challenge-card-modal .challenge-relative-container .challenge-card-box {
        height: calc(100vh - 100px);
        max-height: 546px;
        width: 350px
    }
}

.challenge-card-modal .challenge-relative-container .challenge-card-box .card-content {
    overflow: auto
}

.challenge-card-modal .challenge-relative-container .challenge-card-box .card-content .image {
    flex: 0 0 auto;
    height: 80px;
    margin-left: 0;
    width: 80px
}

.challenge-card-modal .challenge-relative-container .challenge-card-box .card-content .challenge-title {
    flex: none;
    font-size: 1.5rem;
    margin-bottom: 10px;
    margin-top: 24px;
    text-align: start
}

@media (min-width:992px) {
    .challenge-card-modal .challenge-relative-container .challenge-card-box .card-content .challenge-title {
        margin-bottom: 16px;
        margin-top: 32px
    }
}

.challenge-card-modal .challenge-relative-container .challenge-card-box .card-content p.challenge-details {
    color: #fff;
    flex: 1 1 auto;
    font-size: .875rem;
    letter-spacing: -.04em;
    line-height: 1;
    min-height: 60px;
    overflow: auto;
    padding-right: 16px;
    text-align: left;
    width: 100%
}

@media (min-width:992px) {
    .challenge-card-modal .challenge-relative-container .challenge-card-box .card-content p.challenge-details {
        font-size: 1rem
    }
}

.challenge-card-modal .challenge-relative-container .challenge-card-box .card-content .points-container {
    align-items: center;
    border: none;
    color: #fff;
    flex: 0 0 auto;
    flex-direction: row;
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.challenge-card-modal .challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row {
    justify-content: flex-end
}

.challenge-card-modal .challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .goals,
.challenge-card-modal .challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .points {
    flex: none
}

.challenge-card-modal .challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .goals {
    padding-left: 17px
}

.challenge-card-modal .challenge-relative-container .challenge-card-box .card-content .points-container .card-box-row .label {
    padding-left: 8px
}

.challenge-card-modal .challenge-relative-container .challenge-card-box .card-content .points-container .points:before {
    left: -16px !important
}

.competition-item {
    display: flex;
    flex-direction: column;
    pointer-events: none;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .competition-item {
        max-width: 330px
    }
}

@media (min-width:992px) {
    .competition-item {
        max-width: 420px
    }
}

.competition-item.completed .card-hint,
.competition-item.locked .card-hint,
.competition-item.replayable .card-hint {
    max-width: calc(50% - 46px)
}

.competition-item.completed .card-border,
.competition-item.locked .card-border,
.competition-item.replayable .card-border {
    clip-path: polygon(calc(50% - 46px) 0, 50% 46px, calc(50% + 46px) 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 0)
}

@media (min-width:768px) {
    .competition-item.completed .card-border,
    .competition-item.locked .card-border,
    .competition-item.replayable .card-border {
        clip-path: polygon(calc(50% - 46px) 0, 50% 46px, calc(50% + 46px) 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0)
    }
}

.competition-item.completed .card-badge {
    background-image: url(../img/challenge-card-status-completed.svg)
}

.competition-item.replayable .card-badge {
    background-image: url(../img/challenge-card-status-completed-replayable.svg)
}

.competition-item.locked .card-badge {
    background-image: url(../img/challenge-card-status-locked.svg)
}

.competition-item:focus-visible .banner-title,
.competition-item:focus-visible .subtitle {
    opacity: 1 !important
}

@media (min-width:768px) {
    .competition-item:focus-visible .card-border,
    .competition-item:focus-visible .card-hint {
        transform: rotateX(5deg) rotateY(24deg)
    }
}

.competition-item:active .banner-title,
.competition-item:active .subtitle {
    opacity: 1 !important
}

@media (min-width:768px) {
    .competition-item:active .card-border,
    .competition-item:active .card-hint {
        transform: rotateX(5deg) rotateY(24deg)
    }
}

@media (hover:hover) {
    .competition-item:hover .banner-title,
    .competition-item:hover .subtitle {
        opacity: 1 !important
    }
}

@media (hover:hover) and (min-width:768px) {
    .competition-item:hover .card-border,
    .competition-item:hover .card-hint {
        transform: rotateX(5deg) rotateY(24deg)
    }
}

.competition-item .card-hint {
    flex: 1;
    font-size: .8125rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.4;
    margin-bottom: 12px;
    margin-top: 0;
    text-align: left;
    text-transform: uppercase;
    transition: transform 1s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:992px) {
    .competition-item .card-hint {
        margin-bottom: 16px
    }
}

.competition-item .card-border {
    clip-path: polygon(100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 0);
    display: flex;
    pointer-events: auto;
    transition: transform 1s cubic-bezier(.165, .84, .44, 1);
    width: 100%
}

@media (min-width:768px) {
    .competition-item .card-border {
        clip-path: polygon(100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0)
    }
}

.competition-item .card-wrapper {
    align-items: stretch;
    display: flex;
    pointer-events: auto;
    position: relative;
    text-decoration: none;
    transition: transform 1s cubic-bezier(.165, .84, .44, 1);
    width: 100%
}

.competition-item .card-wrapper .background-cover {
    background-color: #260e51;
    z-index: -1
}

.competition-item .card-wrapper .aspect-ratio-min-height-spacer {
    padding-bottom: 133.3333% !important
}

.competition-item .card-wrapper .card-badge {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 64px;
    left: 50%;
    position: absolute;
    top: -32px;
    transform: translateX(-50%);
    width: 64px;
    z-index: 2
}

.competition-item .card-wrapper .card-content {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    width: 100%
}

@media (min-width:576px) {
    .competition-item .card-wrapper .card-content {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width:768px) {
    .competition-item .card-wrapper .card-content {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width:992px) {
    .competition-item .card-wrapper .card-content {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width:576px) {
    .competition-item .card-wrapper .card-content {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

@media (min-width:768px) {
    .competition-item .card-wrapper .card-content {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

@media (min-width:992px) {
    .competition-item .card-wrapper .card-content {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.competition-item .card-wrapper .card-content .placeholder {
    flex: 1
}

.competition-item .card-wrapper .card-content .banner-title,
.competition-item .card-wrapper .card-content .subtitle {
    max-width: 70%;
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:768px) {
    .competition-item .card-wrapper .card-content .banner-title,
    .competition-item .card-wrapper .card-content .subtitle {
        opacity: .6
    }
}

.competition-item .card-wrapper .card-content .subtitle {
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: -.04em;
    margin-bottom: 30px;
    text-transform: uppercase
}

@media (min-width:1200px) {
    .competition-item .card-wrapper .card-content .subtitle {
        font-size: 1rem
    }
}

.competition-item .card-wrapper .card-content .banner-title {
    font-size: 2.15rem;
    margin-bottom: 0;
    text-transform: uppercase
}

@media (min-width:576px) {
    .competition-item .card-wrapper .card-content .banner-title {
        font-size: 3.75rem
    }
}

@media (min-width:768px) {
    .competition-item .card-wrapper .card-content .banner-title {
        font-size: 1.9rem
    }
}

@media (min-width:992px) {
    .competition-item .card-wrapper .card-content .banner-title {
        font-size: 2.6rem
    }
}

@media only screen and (max-width:376px) {
    .competition-item .card-wrapper .card-content .banner-title {
        font-size: 2rem
    }
}

.external-border,
.internal-border {
    background: transparent;
    border: 1px solid;
    clip-path: polygon(12px 0, 0 0, 0 12px, 2px 12px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 12px) 100%, 100% 100%, 100% calc(100% - 12px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px);
    padding: 5px
}

.external-border {
    border-color: hsla(0, 0%, 100%, .2)
}

.internal-border {
    border-color: hsla(0, 0%, 100%, .6)
}

.border-arrows-button:has(.btn-primary.loading),
.border-arrows-button:has(.btn-primary.loading) .internal-border {
    border: none
}

.dashboard-card-wrapper {
    flex: 1 1 auto;
    max-width: 420px;
    width: 100%
}

.dashboard-card-wrapper .card {
    background-color: transparent;
    padding-bottom: 66.33%;
    perspective: 2000px;
    position: relative;
    width: 100%
}

.dashboard-card-wrapper .card.flip .card-inner {
    transform: rotateX(0) rotateY(180deg) rotate(0)
}

.dashboard-card-wrapper .card .card-inner {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-style: preserve-3d;
    transition-duration: .8s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    width: 100%
}

.dashboard-card-wrapper .card .back,
.dashboard-card-wrapper .card .front {
    backface-visibility: hidden;
    border-radius: 14px;
    bottom: 0;
    box-shadow: 0 33.73px 30px 0 rgba(32, 9, 63, .2);
    display: flex;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 1.3333333333rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.dashboard-card-wrapper .card .back .barcode-code,
.dashboard-card-wrapper .card .front .barcode-code {
    cursor: pointer;
    display: inline-block
}

.dashboard-card-wrapper .card .back .card-logo-container,
.dashboard-card-wrapper .card .front .card-logo-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.dashboard-card-wrapper .card .back .card-logo-container .name,
.dashboard-card-wrapper .card .front .card-logo-container .name {
    font-size: 1rem;
    font-style: italic;
    letter-spacing: -.04em;
    line-height: 1;
    text-transform: uppercase
}

@media (min-width:1500px) {
    .dashboard-card-wrapper .card .back .card-logo-container .name,
    .dashboard-card-wrapper .card .front .card-logo-container .name {
        font-size: 1.25rem
    }
}

.dashboard-card-wrapper .card .back .card-logo-container .swap-card-icon,
.dashboard-card-wrapper .card .front .card-logo-container .swap-card-icon {
    height: 24px;
    width: auto
}

.dashboard-card-wrapper .card .front {
    align-items: flex-start;
    background: url(../img/card-inviola.svg) 0 0/cover no-repeat;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width:575.98px) {
    .dashboard-card-wrapper .card .front {
        padding-bottom: 6px
    }
}

.dashboard-card-wrapper .card .front.premium {
    background: url(../img/card-inviola-premium.svg) 0 0/cover no-repeat
}

.dashboard-card-wrapper .card .front .data {
    align-items: flex-end;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    row-gap: 1.3333333333rem;
    width: 100%
}

.dashboard-card-wrapper .card .front .data .field {
    flex: 1 1 calc(50% - 0.5rem);
    letter-spacing: -.04em;
    position: relative
}

.dashboard-card-wrapper .card .front .data .field:nth-child(2n) {
    text-align: right
}

.dashboard-card-wrapper .card .front .data .field .label {
    font-size: .75rem;
    font-weight: 700
}

@media (min-width:1500px) {
    .dashboard-card-wrapper .card .front .data .field .label {
        font-size: .9375rem;
        font-weight: 400
    }
}

@media (min-width:992px) {
    .dashboard-card-wrapper .card .front .data .field .label {
        margin-bottom: 6px
    }
}

.dashboard-card-wrapper .card .front .data .field .label-alert {
    color: #e2241c;
    font-size: .6875rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    position: absolute;
    right: 0;
    top: -15px
}

.dashboard-card-wrapper .card .front .data .field .value {
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1
}

@media (min-width:1500px) {
    .dashboard-card-wrapper .card .front .data .field .value {
        font-size: 1.25rem
    }
}

.dashboard-card-wrapper .card .front .data .field .value.with-icons {
    align-items: center;
    display: flex;
    gap: 6px
}

.dashboard-card-wrapper .card .front .data .field .value.with-icons img {
    width: 24px
}

.dashboard-card-wrapper .card .front .data .field.big .value {
    font-size: .9375rem
}

@media (min-width:1500px) {
    .dashboard-card-wrapper .card .front .data .field.big .value {
        font-size: 1.5rem
    }
}

.dashboard-card-wrapper .card .front .data .field.big .label {
    margin-bottom: 0
}

.dashboard-card-wrapper .card .back {
    background-color: #fff;
    color: #000;
    flex-direction: column;
    padding: 8px 20px 0;
    transform: rotateY(180deg)
}

.dashboard-card-wrapper .card .back .card-logo {
    margin-left: 40px
}

.dashboard-card-wrapper .card .back .btn-toggle-flip-card {
    filter: invert(1)
}

.dashboard-card-wrapper .card .back img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.dashboard-card-wrapper .card .back .download-label {
    color: #5b28a1;
    font-size: 1rem;
    letter-spacing: -.04rem;
    margin: 24px auto 40px;
    max-width: 80%;
    text-align: center
}

.dashboard-card-wrapper .card .back .stores-wrapper {
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex;
    justify-content: center;
    row-gap: 16px
}

.dashboard-card-wrapper .card .back .stores-wrapper a {
    text-decoration: none
}

.dashboard-card-wrapper .card .back .card-info {
    line-height: 1.2;
    margin-top: 12px
}

@media (min-width:576px) {
    .dashboard-card-wrapper .card .back .card-info {
        margin-top: 20px
    }
}

.dashboard-card-wrapper .card .back .card-info .info-row {
    align-items: center;
    display: flex
}

.dashboard-card-wrapper .card .back .card-info .info-row span {
    margin-left: 8px
}

@media (min-width:576px) {
    .dashboard-card-wrapper .card .back .card-info .info-row span {
        margin-left: 14px
    }
}

.dashboard-card-wrapper .card .back .card-info .info-row span.text-f-light {
    font-size: .75rem;
    font-weight: 300
}

.dashboard-card-wrapper .card .back .card-info .info-row span.text-f-medium {
    font-size: .875rem;
    font-weight: 600
}

.dashboard-card-wrapper .card .back .card-info .info-row span.text-f-thick {
    font-size: 1rem;
    font-weight: 600
}

.dashboard-card-wrapper .card .back .card-info .info-row span:first-child {
    margin-left: 0
}

.dashboard-card-wrapper .card .back .barcode {
    flex: 1;
    padding: 0 40px
}

.dashboard-card-wrapper .card .back .privacy-label {
    display: block;
    font-size: .6875rem;
    line-height: 1
}

.dashboard-card-wrapper .card-membership {
    font-size: .9375rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: 16px;
    position: relative;
    text-align: center;
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:1500px) {
    .dashboard-card-wrapper .card-membership {
        font-size: 1.25rem;
        font-weight: 400;
        margin-top: 24px
    }
}

.content-text {
    font-size: 1rem;
    margin: 0 auto 16px;
    padding: 0 16px;
    text-align: center
}

@media (min-width:576px) {
    .content-text {
        font-size: 1.0419rem
    }
}

@media (min-width:768px) {
    .content-text {
        font-size: 1.0831rem
    }
}

@media (min-width:992px) {
    .content-text {
        font-size: 1.1388rem
    }
}

@media (min-width:1200px) {
    .content-text {
        font-size: 1.1806rem
    }
}

@media (min-width:1500px) {
    .content-text {
        font-size: 1.25rem
    }
}

@media (min-width:992px) {
    .content-text {
        max-width: 50%
    }
}

.embedded-map-container {
    -ms-overflow-style: none;
    margin-top: 40px;
    overflow: hidden;
    position: relative;
    scrollbar-width: none;
    z-index: 30
}

@media (min-width:992px) {
    .embedded-map-container {
        margin-top: 80px
    }
}

.embedded-map-container::-webkit-scrollbar {
    display: none
}

.embedded-map-container:has(.view-section[data-view-type=list]) {
    height: 80dvh;
    overflow: hidden auto
}

.embedded-map-container:has(.view-section.filters-open) {
    overflow: hidden
}

.embedded-map-container .view-section {
    position: relative
}

.embedded-map-container .view-section:before {
    height: 100% !important;
    top: 0 !important
}

.embedded-map-container #list,
.embedded-map-container .header {
    padding-top: 0 !important
}

.view-section {
    --filters-open-top-adjustment: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 2560px;
    min-height: 100%;
    min-height: 100vh;
    min-height: max(100lvh, 500px)
}

.view-section:before {
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1);
    visibility: hidden
}

.view-section.filters-open:before {
    background-color: rgba(0, 0, 0, .4);
    height: 100%;
    height: 100lvh;
    opacity: 1;
    top: var(--filters-open-top-adjustment);
    visibility: visible;
    width: 100%;
    z-index: 5
}

.view-section.animate {
    transition: height .2s cubic-bezier(.165, .84, .44, 1)
}

.view-section.animate #list,
.view-section.animate #map {
    transition-duration: .2s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.view-section.animate[data-view-type=map] #map {
    opacity: 0
}

.view-section.animate[data-view-type=map] #list {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.view-section.animate[data-view-type=list] #list {
    opacity: 0
}

.view-section.animate[data-view-type=list] #map {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.view-section.animate.switch[data-view-type=map] #map {
    opacity: 1
}

.view-section.animate.switch[data-view-type=map] #list {
    opacity: 0
}

.view-section.animate.switch[data-view-type=list] #list {
    opacity: 1
}

.view-section.animate.switch[data-view-type=list] #map {
    opacity: 0
}

.view-section #map,
.view-section #mapSmall {
    overflow: hidden;
    position: relative
}

.view-section #map {
    height: 100%;
    height: 100vh;
    height: 100lvh;
    min-height: max(100lvh, 500px)
}

@media (max-width:767.98px) {
    .view-section #map .marker-icon {
        outline: none !important
    }
}

.view-section #map .marker-icon.details {
    opacity: 0;
    top: 7px;
    transform: scale(1.2);
    transition-duration: .3s
}

.view-section #map .marker-icon.details.pan {
    transition-delay: .4s
}

.view-section #list {
    min-height: 100%;
    min-height: 100vh;
    min-height: max(100lvh, 500px);
    padding-top: 105px
}

@media (min-width:992px) {
    .view-section #list {
        padding-top: 109px
    }
}

body.with-strip .view-section #list {
    padding-top: 125px
}

@media (min-width:992px) {
    body.with-strip .view-section #list {
        padding-top: 129px
    }
}

.view-section #list .marker-icon.selected {
    clip-path: polygon(50% 0, 100% 22.5px, 50% 45px, 0 22.5px) !important;
    transform: scale(1.36)
}

.view-section[data-view-type=map] #map {
    visibility: visible
}

.view-section[data-view-type=map] #list {
    display: none
}

.view-section[data-view-type=list] #list {
    visibility: visible
}

.view-section[data-view-type=list] #map {
    display: none
}

#list {
    position: relative
}

#list:before {
    background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-019-maps.svg) 18% 0/800px auto no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    max-width: 2560px;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transition: opacity 5s cubic-bezier(.165, .84, .44, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: -1
}

@media (min-width:768px) {
    #list:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-019-maps.svg) 0 0/120% auto no-repeat
    }
}

@media (min-width:992px) {
    #list:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-019-maps.svg) 0 0/80% auto no-repeat;
        opacity: 1
    }
}

@media (min-width:1500px) {
    #list:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-019-maps.svg) 0 0/60% auto no-repeat
    }
}

#list .container,
#list .container-fluid,
#list .container-lg,
#list .container-md,
#list .container-sm,
#list .container-xl,
#list .container-xxl,
#list .container-xxxl {
    position: relative
}

@media (min-width:992px) {
    #list .container,
    #list .container-fluid,
    #list .container-lg,
    #list .container-md,
    #list .container-sm,
    #list .container-xl,
    #list .container-xxl,
    #list .container-xxxl {
        display: flex;
        flex-direction: column;
        min-height: calc(max(100lvh, 500px) - 109px)
    }
}

@media (min-width:1200px) {
    #list .container,
    #list .container-fluid,
    #list .container-lg,
    #list .container-md,
    #list .container-sm,
    #list .container-xl,
    #list .container-xxl,
    #list .container-xxxl {
        min-height: calc(max(100lvh, 500px) - 109px)
    }
}

@media (min-width:992px) {
    body.with-strip #list .container,
    body.with-strip #list .container-fluid,
    body.with-strip #list .container-lg,
    body.with-strip #list .container-md,
    body.with-strip #list .container-sm,
    body.with-strip #list .container-xl,
    body.with-strip #list .container-xxl,
    body.with-strip #list .container-xxxl {
        min-height: calc(max(100lvh, 500px) - 129px)
    }
}

@media (min-width:1200px) {
    body.with-strip #list .container,
    body.with-strip #list .container-fluid,
    body.with-strip #list .container-lg,
    body.with-strip #list .container-md,
    body.with-strip #list .container-sm,
    body.with-strip #list .container-xl,
    body.with-strip #list .container-xxl,
    body.with-strip #list .container-xxxl {
        min-height: calc(max(100lvh, 500px) - 129px)
    }
}

#list .header {
    padding-bottom: 80px;
    padding-top: 46px
}

@media (min-width:576px) {
    #list .header {
        padding-top: 51.67px
    }
}

@media (min-width:768px) {
    #list .header {
        padding-top: 57.33px
    }
}

@media (min-width:992px) {
    #list .header {
        padding-top: 64.89px
    }
}

@media (min-width:1200px) {
    #list .header {
        padding-top: 70.56px
    }
}

@media (min-width:1500px) {
    #list .header {
        padding-top: 80px
    }
}

@media (min-width:576px) {
    #list .header {
        padding-bottom: 73.33px
    }
}

@media (min-width:768px) {
    #list .header {
        padding-bottom: 66.67px
    }
}

@media (min-width:992px) {
    #list .header {
        padding-bottom: 57.78px
    }
}

@media (min-width:1200px) {
    #list .header {
        padding-bottom: 51.11px
    }
}

@media (min-width:1500px) {
    #list .header {
        padding-bottom: 40px
    }
}

@media (min-width:992px) {
    #list .header {
        width: 70%
    }
}

@media (min-width:1200px) {
    #list .header {
        width: 74%
    }
}

@media (min-width:2000px) {
    #list .header {
        width: 70%
    }
}

#list .header .title {
    font-size: 4.0625rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 0;
    text-transform: uppercase
}

@media (min-width:576px) {
    #list .header .title {
        font-size: 3.9581rem
    }
}

@media (min-width:768px) {
    #list .header .title {
        font-size: 3.8544rem
    }
}

@media (min-width:992px) {
    #list .header .title {
        font-size: 3.715rem
    }
}

@media (min-width:1200px) {
    #list .header .title {
        font-size: 3.6113rem
    }
}

@media (min-width:1500px) {
    #list .header .title {
        font-size: 3.4375rem
    }
}

@media only screen and (max-width:376px) {
    #list .header .title {
        font-size: 1.875rem
    }
}

#list .header .store-filter-value,
#list .header .store-location-value {
    display: none;
    margin-top: 20px
}

#list .header .store-filter-value.active,
#list .header .store-location-value.active {
    align-items: center;
    display: flex;
    justify-content: space-between
}

#list .header .store-filter-value .btn-icon,
#list .header .store-location-value .btn-icon {
    flex: 0 0 auto;
    margin-left: 20px
}

#list .header .store-filter-value .btn-icon img,
#list .header .store-location-value .btn-icon img {
    height: 40px;
    width: auto
}

#list .stores {
    padding-bottom: 206px
}

@media (min-width:992px) {
    #list .stores {
        width: 70%
    }
}

@media (min-width:1200px) {
    #list .stores {
        width: 74%
    }
}

@media (min-width:2000px) {
    #list .stores {
        width: 70%
    }
}

@media (min-width:992px) {
    #list .stores {
        flex: 1 0 auto;
        padding-bottom: 166px
    }
}

@media (min-width:1200px) {
    #list .stores {
        padding-bottom: 177px
    }
}

#list .store {
    border-bottom: 2px solid hsla(0, 0%, 100%, .1);
    cursor: pointer;
    letter-spacing: -.04em;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 26px 1rem;
    position: relative;
    transition-duration: .3s;
    transition-property: background-color, opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:992px) {
    #list .store {
        padding-bottom: 10px;
        padding-top: 10px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    #list .store {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

#list .store:first-child {
    border-top: 2px solid hsla(0, 0%, 100%, .1)
}

#list .store:focus-visible {
    background-color: rgba(0, 150, 65, .502);
    opacity: 1 !important
}

#list .store:active {
    background-color: rgba(0, 150, 65, .502);
    opacity: 1 !important
}

@media (hover:hover) {
    #list .store:hover {
        background-color: rgba(0, 150, 65, .502);
        opacity: 1 !important
    }
}

#list .store.open:not(.will-close) {
    background-color: rgba(0, 150, 65, .502);
    cursor: auto;
    opacity: 1 !important;
    padding-bottom: 0;
    transition-property: background-color, opacity, padding
}

@media (min-width:992px) {
    #list .store {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden
    }
    #list .store.open~:not(.open),
    #list .store:not(.open):has(~.open) {
        opacity: .6
    }
}

#list .store[data-filtered-out=true] {
    display: none
}

#list .store .store-base-info {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

@media (min-width:992px) {
    #list .store .store-base-info {
        align-items: center;
        flex: 1 1 auto
    }
}

#list .store .name {
    flex: 1 1 calc(100% - 95px);
    font-size: 1rem;
    font-style: italic;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 16px;
    text-transform: uppercase
}

@media (min-width:1200px) {
    #list .store .name {
        font-size: 1.125rem
    }
}

@media (min-width:992px) {
    #list .store .name {
        align-items: center;
        display: flex;
        flex-basis: calc(60% - 95px);
        margin-bottom: 0;
        min-height: 48px;
        padding-right: 86px
    }
}

#list .store .distance {
    flex: 0 0 95px;
    font-size: .8125rem;
    margin-bottom: 16px;
    text-align: right
}

@media (min-width:1200px) {
    #list .store .distance {
        font-size: .9375rem
    }
}

@media (min-width:992px) {
    #list .store .distance {
        margin-bottom: 0;
        position: relative;
        text-align: center
    }
    #list .store .distance:after,
    #list .store .distance:before {
        background-color: hsla(0, 0%, 100%, .1);
        bottom: -200px;
        content: "";
        pointer-events: none;
        position: absolute;
        top: -40px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 2px
    }
    #list .store .distance:before {
        left: 0
    }
    #list .store .distance:after {
        right: 0
    }
}

#list .store .distance .loading {
    height: 18px;
    width: auto
}

#list .store .distance .geolocation-error {
    display: none;
    filter: invert(100%) sepia(0) saturate(1%) hue-rotate(283deg) brightness(108%) contrast(101%);
    height: 28px;
    width: auto
}

#list .store .address {
    display: flex;
    flex: 1 1 calc(100% - 95px);
    flex-direction: column;
    font-size: .8125rem;
    margin-bottom: 8px
}

@media (min-width:1200px) {
    #list .store .address {
        font-size: .9375rem
    }
}

@media (min-width:992px) {
    #list .store .address {
        flex-basis: 40%;
        margin-bottom: 0;
        padding-left: 14px;
        padding-right: 14px
    }
}

#list .store .map-link {
    align-self: flex-end;
    flex: 0 0 95px;
    font-size: .8125rem;
    margin-bottom: 8px;
    opacity: .6;
    text-align: right
}

@media (min-width:992px) {
    #list .store .map-link {
        display: none
    }
}

#list .store .collapse.show,
#list .store .collapsing {
    flex: 1 1 100%
}

#list .store .btn-toggle {
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    font-size: .8125rem;
    margin-top: 8px;
    position: relative;
    top: 0
}

@media (min-width:1200px) {
    #list .store .btn-toggle {
        font-size: .875rem
    }
}

@media (min-width:992px) {
    #list .store .btn-toggle {
        left: calc(60% - 115px);
        margin-top: 0;
        opacity: 0;
        position: absolute;
        top: 28px !important;
        transform: translateX(-100%);
        transition: opacity .3s cubic-bezier(.165, .84, .44, 1)
    }
}

@media (min-width:1200px) {
    #list .store .btn-toggle {
        top: 29px !important
    }
}

#list .store .btn-toggle span:before {
    content: "+";
    margin-right: 6px
}

#list .store.open .btn-toggle {
    transition: top .3s cubic-bezier(.165, .84, .44, 1)
}

#list .store.open:not(.will-close) .btn-toggle {
    top: -27px
}

@media (min-width:992px) {
    #list .store.open:not(.will-close) .btn-toggle {
        opacity: 1
    }
}

#list .store.open:not(.will-close) .btn-toggle span:before {
    content: "-"
}

@media (min-width:992px) {
    #list .store:focus-visible .btn-toggle {
        opacity: 1 !important
    }
    #list .store:active .btn-toggle {
        opacity: 1 !important
    }
}

@media (min-width:992px) and (hover:hover) {
    #list .store:hover .btn-toggle {
        opacity: 1 !important
    }
}

#list .store .store-extended-info {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: auto auto auto auto auto auto auto;
    padding-bottom: 30px;
    padding-top: 22px
}

@media (min-width:992px) {
    #list .store .store-extended-info {
        grid-template-rows: 1fr auto auto auto auto auto auto;
        max-width: calc(60% - 95px);
        padding-bottom: 0
    }
}

#list .store .directions-link {
    min-height: 40px
}

#list .store .directions-link a {
    font-size: .8125rem
}

@media (max-width:991.98px) {
    #list .store .directions-link {
        display: none
    }
}

#list .store .info {
    align-self: flex-start;
    font-size: .8125rem;
    margin-bottom: 0;
    margin-top: 10px
}

@media (min-width:1200px) {
    #list .store .info {
        font-size: .875rem
    }
}

#list .store .info+.info {
    font-size: .875rem
}

#list .store .info:has(+.image) {
    margin-bottom: 14px
}

#list .store .image {
    grid-row: 1/span 6;
    height: 108px;
    justify-self: flex-end;
    position: relative;
    width: 108px
}

@media (min-width:768px) and (max-width:991.98px) {
    #list .store .image {
        height: 150px;
        width: 150px
    }
}

@media (max-width:991.98px) {
    #list .small-map-position {
        display: none
    }
}

@media (min-width:992px) {
    #list .small-map-position {
        bottom: 0;
        height: 0;
        margin-left: -1rem;
        margin-right: -1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        position: sticky;
        transition: bottom .15s cubic-bezier(.165, .84, .44, 1);
        width: calc(100% + 2rem);
        z-index: 3
    }
}

#list .small-map-position .small-map-container {
    --small-map-container-left-fill: 0px;
    background-color: #260e51;
    bottom: 0;
    height: 60vh;
    position: absolute;
    right: 0;
    z-index: 4
}

@media (min-width:992px) {
    #list .small-map-position .small-map-container {
        height: calc(max(100lvh, 600px) - 235px);
        right: calc(var(--small-map-container-left-fill)*-1);
        width: calc(30% - .5rem + var(--small-map-container-left-fill))
    }
}

@media (min-width:1200px) {
    #list .small-map-position .small-map-container {
        height: calc(max(100lvh, 600px) - 246px);
        width: calc(26% - .5rem + var(--small-map-container-left-fill))
    }
}

@media (min-width:2000px) {
    #list .small-map-position .small-map-container {
        width: calc(30% - .5rem + var(--small-map-container-left-fill))
    }
}

@media (min-width:992px) {
    body.with-strip #list .small-map-position .small-map-container {
        height: calc(max(100lvh, 600px) - 255px)
    }
}

@media (min-width:1200px) {
    body.with-strip #list .small-map-position .small-map-container {
        height: calc(max(100lvh, 600px) - 266px)
    }
}

#list #mapSmall {
    height: 100%
}

#mapContainer {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

#mapContainer .gm-style iframe+div {
    border: none !important
}

#mapContainer>div[style^="background-color: white;"] {
    display: none !important
}

#mapContainer img {
    max-width: none
}

#mapContainer .marker-icon {
    position: relative;
    top: 0;
    transform-origin: 50% 100%;
    transition-duration: .2s;
    transition-property: transform, opacity, top, clip-path;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

#mapContainer .marker-icon:focus-visible {
    transform: scale(1.2)
}

#mapContainer .marker-icon:active {
    transform: scale(1.2)
}

@media (hover:hover) {
    #mapContainer .marker-icon:hover {
        transform: scale(1.2)
    }
}

#mapContainer .marker-icon.hover {
    transform: scale(1.2)
}

.console-position {
    bottom: 0;
    height: 0;
    position: sticky;
    transition: bottom .15s cubic-bezier(.165, .84, .44, 1);
    width: 100%;
    z-index: 10
}

.console-position:after {
    background: linear-gradient(180deg, rgba(53, 31, 99, 0), #351f63 calc(100% - 36px), #351f63 calc(100% - 20px), rgba(53, 31, 99, 0));
    bottom: -20px;
    content: "";
    display: block;
    height: 206px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media (min-width:1200px) {
    .console-position:after {
        height: 217px
    }
}

.view-section.filters-open .console-position:after {
    background: linear-gradient(180deg, transparent, #000 calc(100% - 36px), #000 calc(100% - 20px), transparent)
}

.console-bar {
    bottom: 40px;
    left: 50%;
    max-width: calc(100vw - 1rem - 80px);
    position: absolute;
    transform: translateX(-50%);
    z-index: 10
}

.console-bar form {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    padding-top: 20px
}

.search-bar {
    position: relative
}

.search-bar .search {
    background-color: #5b28a1;
    clip-path: polygon(25px 0, calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, 25px 100%, 0 50%);
    height: 50px;
    max-width: 100%;
    width: 280px
}

@media (min-width:1200px) {
    .search-bar .search {
        clip-path: polygon(28px 0, calc(100% - 28px) 0, 100% 50%, calc(100% - 28px) 100%, 28px 100%, 0 50%);
        height: 56px;
        width: 450px
    }
}

.search-bar .search .form-control-search {
    background-color: #fff;
    border: none;
    clip-path: polygon(24.3px 0, calc(100% - 24.3px) 0, 100% 50%, calc(100% - 24.3px) 100%, 24.3px 100%, 0 50%);
    color: #000;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    height: calc(100% - 2px);
    left: 1px;
    letter-spacing: -.04em;
    padding-left: 48.3px;
    padding-right: 24.3px;
    position: relative;
    top: 1px;
    width: calc(100% - 2px)
}

@media (min-width:1200px) {
    .search-bar .search .form-control-search {
        clip-path: polygon(27.3px 0, calc(100% - 27.3px) 0, 100% 50%, calc(100% - 27.3px) 100%, 27.3px 100%, 0 50%);
        font-size: 1.0625rem;
        padding-left: 55.3px
    }
}

.search-bar .search .form-control-search::-webkit-search-cancel-button,
.search-bar .search .form-control-search::-webkit-search-decoration,
.search-bar .search .form-control-search::-webkit-search-results-button,
.search-bar .search .form-control-search::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.search-bar .search .form-control-search.form-control:focus {
    background-color: #fff
}

.search-bar .search button {
    left: 22px;
    padding: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width:1200px) {
    .search-bar .search button {
        transform: translateY(calc(-50% - 1px))
    }
}

.search-bar .search button img {
    height: 14px;
    width: auto
}

@media (min-width:1200px) {
    .search-bar .search button img {
        height: 17px
    }
}

.search-bar .btn-filter {
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(100%, -50%)
}

.search-bar .btn-filter img,
.search-bar .btn-filter svg {
    height: 40px;
    width: auto
}

@media (min-width:1200px) {
    .search-bar .btn-filter img,
    .search-bar .btn-filter svg {
        height: 54px
    }
}

.search-bar .btn-filter svg .bg,
.search-bar .btn-filter svg .icon,
.search-bar .btn-filter svg .icon-fill {
    transition-duration: .2s;
    transition-property: fill, stroke;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.search-bar .btn-filter.active svg .bg,
.search-bar .btn-filter.active svg .icon-fill {
    fill: #5b28a1
}

.search-bar .btn-filter.active svg .icon {
    fill: #fff;
    stroke: #fff
}

.search-bar .pac-container {
    border-radius: 0 !important;
    border-top: none !important;
    bottom: 58px !important;
    box-shadow: none !important;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0 calc(100% - 25px));
    font-family: inherit !important;
    left: 50% !important;
    letter-spacing: -.04em;
    padding: 8.3333px;
    position: absolute !important;
    right: auto !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important
}

@media (min-width:1200px) {
    .search-bar .pac-container {
        bottom: 64px !important;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 28px), calc(100% - 28px) 100%, 28px 100%, 0 calc(100% - 28px));
        padding: 9.3333px
    }
}

.search-bar .pac-container .pac-item {
    font-size: .8125rem
}

.search-bar .pac-container .pac-item-query {
    font-size: .9375rem
}

.search-bar .pac-container .pac-item:first-child {
    border-top: none
}

.search-bar .pac-logo:after {
    background-position: 50%;
    margin-top: 4px
}

.view-toggle-bar-wrapper {
    margin-bottom: 8px;
    position: relative
}

.view-toggle-bar-wrapper .btn-location-tracker {
    background-color: #fff;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    height: 100%;
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translate(100%, -50%);
    transition-duration: .3s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 26px
}

@media (min-width:1200px) {
    .view-toggle-bar-wrapper .btn-location-tracker {
        width: 31px
    }
}

.view-toggle-bar-wrapper .btn-location-tracker:active {
    background-color: #fff !important
}

.view-toggle-bar-wrapper .btn-location-tracker.no-permissions {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.view-toggle-bar-wrapper .btn-location-tracker>img {
    width: 20px
}

@media (min-width:1200px) {
    .view-toggle-bar-wrapper .btn-location-tracker>img {
        width: 22px
    }
}

.view-toggle-bar-wrapper .view-toggle-bar {
    background-color: #fff;
    clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
    padding: 1px
}

@media (min-width:1200px) {
    .view-toggle-bar-wrapper .view-toggle-bar {
        clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%)
    }
}

.view-toggle-bar-wrapper .view-toggle-bar .btn-group .btn {
    --bs-btn-color: #000;
    --bs-btn-hover-color: #000;
    --bs-btn-active-color: #fff;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-active-bg: #5b28a1;
    --bs-btn-active-border-color: #5b28a1;
    clip-path: polygon(13.3px 0, calc(100% - 13.3px) 0, 100% 50%, calc(100% - 13.3px) 100%, 13.3px 100%, 0 50%);
    font-size: .75rem;
    font-weight: 600;
    min-width: 106px;
    padding: 6px 14px;
    text-transform: uppercase
}

@media (min-width:1200px) {
    .view-toggle-bar-wrapper .view-toggle-bar .btn-group .btn {
        clip-path: polygon(15.3px 0, calc(100% - 15.3px) 0, 100% 50%, calc(100% - 15.3px) 100%, 15.3px 100%, 0 50%);
        font-size: .8125rem;
        min-width: 122px;
        padding-bottom: 8px;
        padding-top: 8px
    }
}

.view-toggle-bar-wrapper .view-toggle-bar .btn-group .btn:active {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    color: var(--bs-btn-hover-color)
}

.view-toggle-bar-wrapper .view-toggle-bar .btn-group .btn:has(.btn-check:checked) {
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    color: var(--bs-btn-active-color)
}

.filters-panel {
    background-color: #fff;
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
    display: none;
    flex-direction: column;
    margin-bottom: -28px;
    max-height: 475px;
    max-height: min(475px, 100dvh - 200px - 84px);
    max-width: 100%;
    min-height: 200px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    position: relative;
    width: 450px
}

.filters-panel.animate {
    display: flex;
    opacity: 0;
    top: 10px;
    transition-duration: .4s;
    transition-property: opacity, top;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.filters-panel.in {
    opacity: 1;
    top: 0
}

@media (min-width:992px) {
    .filters-panel {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    .filters-panel {
        margin-bottom: 40px;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 2rem
    }
}

.filters-panel .title {
    color: #5b28a1;
    flex: 0 0 auto;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.04em;
    margin: 0 0 20px;
    text-transform: uppercase
}

.filters-panel .scroll-panel {
    flex: 1 1 auto;
    padding-right: 12px
}

.filters-panel .scroll-panel .os-scrollbar {
    --os-handle-bg: #5b28a1;
    --os-handle-bg-hover: #5b28a1;
    --os-handle-bg-active: #5b28a1;
    --os-track-bg: rgba(0, 0, 0, .1);
    --os-track-bg-hover: rgba(0, 0, 0, .15);
    --os-track-bg-active: rgba(0, 0, 0, .2);
    --os-track-border-radius: 0;
    --os-handle-border-radius: 0;
    --os-padding-perpendicular: 4px
}

.filters-panel .scroll-panel .os-scrollbar.os-scrollbar-vertical {
    bottom: 12px;
    top: -12px
}

.filters-panel .form-check {
    margin-bottom: 10px
}

.filters-panel .form-check:last-child {
    margin-bottom: 20px
}

.filters-panel .form-check-label {
    align-items: center;
    color: #404040;
    display: flex;
    font-size: .9375rem;
    gap: 10px;
    top: 0 !important
}

.filters-panel .form-check-input {
    margin-top: 0 !important
}

.my-position-marker {
    animation: current-position-pulse 2s infinite;
    background-color: #1a73e8;
    border: 1px solid;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px #869dba;
    height: 16px;
    transition-duration: .3s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 16px
}

@keyframes current-position-pulse {
    0% {
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .2)
    }
    to {
        box-shadow: 0 0 0 14px hsla(0, 0%, 100%, 0)
    }
}

#selectedMarkerOverlay {
    display: none;
    height: 70px;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition-duration: 0ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 70px;
    z-index: 220
}

#selectedMarkerOverlay.animate {
    display: block;
    opacity: 0;
    transform: scale(.5)
}

#selectedMarkerOverlay.in {
    opacity: 1;
    transform: scale(1);
    transition-delay: .1s;
    transition-duration: .4s
}

#selectedMarkerOverlay.in.pan {
    transition-delay: .6s
}

#selectedMarkerOverlay.out {
    transition-duration: .2s
}

#storeDetails {
    z-index: 200
}

#storeDetails.animate .store-panel {
    margin-left: 0;
    opacity: 0;
    transition-duration: .4s;
    transition-property: opacity, margin-left;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:768px) {
    #storeDetails.animate .store-panel {
        margin-left: -10px
    }
}

#storeDetails.in .store-panel {
    margin-left: 0;
    opacity: 1;
    transition-delay: .2s
}

#storeDetails>.container-fluid,
#storeDetails>.container-lg,
#storeDetails>.container-md,
#storeDetails>.container-sm,
#storeDetails>.container-xl,
#storeDetails>.container-xxl,
#storeDetails>.container-xxxl {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    max-width: 2560px;
    position: relative
}

#storeDetails .store-panel {
    background-color: #5b28a1;
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
    letter-spacing: -.04em;
    max-height: calc(100% - 120px);
    max-width: 100%;
    min-height: 150px;
    overflow-y: auto;
    pointer-events: auto;
    position: absolute;
    width: 320px
}

#storeDetails .store-panel:not(.js-position) {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#storeDetails .store-panel:after {
    background-color: #fff;
    bottom: 1px;
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
    content: "";
    display: block;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: -1
}

@media (min-width:992px) {
    #storeDetails .store-panel {
        width: 342px
    }
}

#storeDetails .store-panel .container-fluid,
#storeDetails .store-panel .container-lg,
#storeDetails .store-panel .container-md,
#storeDetails .store-panel .container-sm,
#storeDetails .store-panel .container-xl,
#storeDetails .store-panel .container-xxl,
#storeDetails .store-panel .container-xxxl {
    padding: 24px 1rem 25px
}

@media (min-width:992px) {
    #storeDetails .store-panel .container-fluid,
    #storeDetails .store-panel .container-lg,
    #storeDetails .store-panel .container-md,
    #storeDetails .store-panel .container-sm,
    #storeDetails .store-panel .container-xl,
    #storeDetails .store-panel .container-xxl,
    #storeDetails .store-panel .container-xxxl {
        padding-top: 1rem
    }
}

#storeDetails .store-panel .os-scrollbar {
    --os-handle-bg: rgba(0, 0, 0, .6)
}

#storeDetails .header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:992px) {
    #storeDetails .header {
        padding-right: 20px
    }
}

#storeDetails .header .image {
    height: 108px;
    position: relative;
    width: 108px
}

@media (min-width:992px) {
    #storeDetails .header .image {
        height: 80px;
        width: 80px
    }
}

#storeDetails .header .distance {
    color: #009641;
    font-size: .8125rem;
    font-weight: 600;
    padding-left: 14px;
    text-align: end
}

#storeDetails .header .distance .loading {
    filter: brightness(0) saturate(100%) invert(29%) sepia(45%) saturate(6182%) hue-rotate(141deg) brightness(99%) contrast(101%);
    height: 18px;
    width: auto
}

#storeDetails .header .distance .geolocation-error {
    display: none;
    filter: invert(29%) sepia(45%) saturate(6182%) hue-rotate(141deg) brightness(99%) contrast(101%);
    height: 28px;
    width: auto
}

#storeDetails .name {
    color: #5b28a1;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.3;
    margin: 24px 0 10px;
    text-transform: uppercase
}

@media (min-width:1200px) {
    #storeDetails .name {
        font-size: 1.125rem
    }
}

#storeDetails .address {
    display: flex;
    flex-direction: column;
    font-size: .8125rem;
    font-weight: 600;
    margin: 0
}

@media (min-width:1200px) {
    #storeDetails .address {
        font-size: 1rem
    }
}

@media (min-width:992px) {
    #storeDetails .address {
        -moz-column-gap: 8px;
        column-gap: 8px;
        flex-direction: row;
        flex-wrap: wrap
    }
}

#storeDetails .directions-link {
    color: #5b28a1;
    display: inline-block;
    font-size: .8125rem;
    margin-top: 10px
}

@media (min-width:1200px) {
    #storeDetails .directions-link {
        font-size: .875rem
    }
}

#storeDetails .info {
    font-size: .8125rem;
    margin-top: 30px
}

@media (min-width:1200px) {
    #storeDetails .info {
        font-size: .875rem
    }
}

#storeDetails .info+.info {
    font-size: .875rem;
    margin-top: 10px
}

#storeDetails .info a:after {
    background-color: #000
}

.container-catalog {
    padding-top: 40px;
    position: relative
}

@media (min-width:576px) {
    .container-catalog {
        padding-top: 50px
    }
}

@media (min-width:768px) {
    .container-catalog {
        padding-top: 60px
    }
}

@media (min-width:992px) {
    .container-catalog {
        padding-top: 73.33px
    }
}

@media (min-width:1200px) {
    .container-catalog {
        padding-top: 83.33px
    }
}

@media (min-width:1500px) {
    .container-catalog {
        padding-top: 100px
    }
}

@media (min-width:992px) {
    .container-catalog {
        min-height: 930px
    }
}

@media (min-width:1200px) {
    .container-catalog {
        min-height: 1080px
    }
}

@media (min-width:1500px) {
    .container-catalog {
        min-height: 1340px
    }
}

@media (min-width:2000px) {
    .container-catalog {
        min-height: 1698px
    }
}

.container-catalog .title {
    font-size: 3.8125rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 0
}

@media (min-width:576px) {
    .container-catalog .title {
        font-size: 4.1669rem
    }
}

@media (min-width:768px) {
    .container-catalog .title {
        font-size: 4.5206rem
    }
}

@media (min-width:992px) {
    .container-catalog .title {
        font-size: 4.9931rem
    }
}

@media (min-width:1200px) {
    .container-catalog .title {
        font-size: 5.3475rem
    }
}

@media (min-width:1500px) {
    .container-catalog .title {
        font-size: 5.9375rem
    }
}

@media (min-width:992px) {
    .container-catalog .title {
        margin-bottom: 54px
    }
}

@media (min-width:1200px) {
    .container-catalog .title {
        margin-bottom: 64.13px
    }
}

@media (min-width:1500px) {
    .container-catalog .title {
        margin-bottom: 81px
    }
}

@media (min-width:2000px) {
    .container-catalog .title {
        margin-bottom: 108px
    }
}

@media only screen and (max-width:376px) {
    .container-catalog .title {
        font-size: 2.25rem
    }
}

.container-catalog .cover.cover-mbl {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: -34px;
    position: relative;
    z-index: -1
}

@media (min-width:992px) {
    .container-catalog .cover.cover-mbl {
        display: none
    }
}

@media only screen and (max-width:376px) {
    .container-catalog .cover.cover-mbl {
        margin-top: -15px
    }
}

.container-catalog .cover.cover-dsk {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 4px)
}

@media (max-width:991.98px) {
    .container-catalog .cover.cover-dsk {
        display: none
    }
}

@media (min-width:1500px) {
    .container-catalog .cover.cover-dsk {
        width: calc(50% - 8px)
    }
}

.container-catalog .cover .inner {
    padding-bottom: 138.4615384615%;
    position: relative
}

.container-catalog .categories {
    --full-width-delta-mbl: 1rem;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 10
}

@media (min-width:576px) {
    .container-catalog .categories {
        margin-top: 30.2px
    }
}

@media (min-width:768px) {
    .container-catalog .categories {
        margin-top: 40.4px
    }
}

@media (min-width:992px) {
    .container-catalog .categories {
        margin-top: 54px
    }
}

@media (max-width:575.98px) {
    .container-catalog .categories {
        margin-left: -1rem;
        margin-right: -1rem
    }
}

@media (min-width:992px) {
    .container-catalog .categories {
        margin-bottom: 40px;
        margin-top: 0
    }
}

@media (min-width:576px) and (max-width:991.98px) {
    .container-catalog .categories {
        margin-left: calc(var(--full-width-delta-mbl)*-1);
        margin-right: calc(var(--full-width-delta-mbl)*-1)
    }
}

.container-catalog .categories [data-overlayscrollbars-viewport] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (max-width:575.98px) {
    .container-catalog .categories [data-overlayscrollbars-viewport] {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }
}

@media (min-width:576px) and (max-width:991.98px) {
    .container-catalog .categories [data-overlayscrollbars-viewport] {
        padding-left: calc(var(--full-width-delta-mbl) - 1rem) !important;
        padding-right: calc(var(--full-width-delta-mbl) - 1rem) !important
    }
}

.container-catalog .categories .types {
    align-items: center;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: flex
}

@media (min-width:576px) {
    .container-catalog .categories .types {
        -moz-column-gap: 32.31px;
        column-gap: 32.31px
    }
}

@media (min-width:768px) {
    .container-catalog .categories .types {
        -moz-column-gap: 34.62px;
        column-gap: 34.62px
    }
}

@media (min-width:992px) {
    .container-catalog .categories .types {
        -moz-column-gap: 37.69px;
        column-gap: 37.69px
    }
}

@media (min-width:1200px) {
    .container-catalog .categories .types {
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

@media (min-width:1500px) {
    .container-catalog .categories .types {
        -moz-column-gap: 43.85px;
        column-gap: 43.85px
    }
}

@media (min-width:2000px) {
    .container-catalog .categories .types {
        -moz-column-gap: 50px;
        column-gap: 50px
    }
}

@media (min-width:992px) {
    .container-catalog .categories .types {
        flex-wrap: wrap;
        row-gap: 20px
    }
}

.container-catalog .categories .types a {
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 10px;
    white-space: nowrap
}

@media (min-width:1200px) {
    .container-catalog .categories .types a {
        font-size: 1.375rem;
        padding-bottom: 14px
    }
}

.container-catalog .categories .types a:after {
    bottom: 0;
    height: 2px;
    opacity: .4;
    width: calc(100% - 2px)
}

.container-catalog .categories .types a.active:after {
    opacity: 1
}

.container-catalog .categories .dropdown {
    margin-left: 40px
}

.container-catalog .categories .dropdown .btn-link {
    color: #fff;
    font-size: .875rem;
    text-decoration: none
}

@media (min-width:1200px) {
    .container-catalog .categories .dropdown .btn-link {
        font-size: 1rem
    }
}

.container-catalog .prizes-list {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px
}

@media (min-width:576px) {
    .container-catalog .prizes-list {
        row-gap: 53.46px
    }
}

@media (min-width:768px) {
    .container-catalog .prizes-list {
        row-gap: 56.92px
    }
}

@media (min-width:992px) {
    .container-catalog .prizes-list {
        row-gap: 61.54px
    }
}

@media (min-width:1200px) {
    .container-catalog .prizes-list {
        row-gap: 65px
    }
}

@media (min-width:1500px) {
    .container-catalog .prizes-list {
        row-gap: 70.77px
    }
}

@media (min-width:2000px) {
    .container-catalog .prizes-list {
        row-gap: 80px
    }
}

@media (max-width:991.98px) {
    .container-catalog .prizes-list {
        margin-left: -1rem;
        margin-right: -1rem;
        margin-top: 40px
    }
}

@media (min-width:992px) {
    .container-catalog .prizes-list {
        position: relative
    }
}

.container-catalog .prizes-list .prize-card {
    flex: 1 1 calc(50% - 4px);
    padding-left: 2px;
    padding-right: 2px
}

@media (min-width:992px) {
    .container-catalog .prizes-list .prize-card {
        padding-left: 4px;
        padding-right: 4px
    }
}

@media (min-width:1500px) {
    .container-catalog .prizes-list .prize-card {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width:768px) {
    .container-catalog .prizes-list .prize-card {
        flex-basis: calc(33.33% - 4px)
    }
}

@media (min-width:992px) {
    .container-catalog .prizes-list .prize-card {
        flex-basis: calc(25% - 8px);
        max-width: 25%
    }
    .container-catalog .prizes-list .prize-card:nth-child(3),
    .container-catalog .prizes-list .prize-card:nth-child(5) {
        margin-right: 468px
    }
}

@media (min-width:1200px) {
    .container-catalog .prizes-list .prize-card:nth-child(3),
    .container-catalog .prizes-list .prize-card:nth-child(5) {
        margin-right: 558px
    }
}

@media (min-width:1500px) {
    .container-catalog .prizes-list .prize-card {
        flex-basis: calc(25% - 16px);
        max-width: calc(25% - 16px)
    }
    .container-catalog .prizes-list .prize-card:nth-child(3),
    .container-catalog .prizes-list .prize-card:nth-child(5) {
        margin-right: 712px
    }
}

@media (min-width:2000px) {
    .container-catalog .prizes-list .prize-card:nth-child(3),
    .container-catalog .prizes-list .prize-card:nth-child(5) {
        margin-right: 952px
    }
}

.ticket-cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 22px;
    position: relative
}

main[role=main].corporate-page-homepage-logged {
    overflow: hidden
}

main[role=main].corporate-page-homepage-logged .column-section-container {
    margin-top: 80px
}

@media (min-width:992px) {
    main[role=main].corporate-page-homepage-logged .column-section-container {
        margin-top: 112px
    }
}

section.fiorentina-dashboard {
    margin-top: 30px;
    position: relative
}

@media (min-width:576px) {
    section.fiorentina-dashboard {
        margin-top: 38.08px
    }
}

@media (min-width:768px) {
    section.fiorentina-dashboard {
        margin-top: 46.15px
    }
}

@media (min-width:992px) {
    section.fiorentina-dashboard {
        margin-top: 56.92px
    }
}

@media (min-width:1200px) {
    section.fiorentina-dashboard {
        margin-top: 65px
    }
}

section.fiorentina-dashboard .background-texture {
    height: auto;
    max-width: none;
    opacity: .5;
    right: 0;
    top: -60%;
    width: 200%
}

@media (min-width:992px) {
    section.fiorentina-dashboard .background-texture {
        opacity: .5;
        top: -160px;
        width: 60%
    }
}

section.fiorentina-dashboard .card-data-container {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media (min-width:992px) {
    section.fiorentina-dashboard .card-data-container {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    section.fiorentina-dashboard .card-data-container {
        padding-left: 0
    }
}

@media (min-width:2000px) {
    section.fiorentina-dashboard .card-data-container {
        justify-content: space-evenly
    }
}

section.fiorentina-dashboard .card-data-container .user-stats {
    align-items: flex-start;
    display: flex;
    position: relative
}

@media (max-width:991.98px) {
    section.fiorentina-dashboard .card-data-container .user-stats {
        justify-content: center;
        width: 100%
    }
}

@media (min-width:1500px) {
    section.fiorentina-dashboard .card-data-container .user-stats {
        justify-content: center
    }
}

section.fiorentina-dashboard .card-data-container .user-stats:not(:has(.btn-account)) {
    margin-top: 60px
}

section.fiorentina-dashboard .card-data-container .inviola-card-slider-wrapper {
    position: relative;
    width: 100%
}

@media (max-width:575.98px) {
    section.fiorentina-dashboard .card-data-container .inviola-card-slider-wrapper {
        margin-top: 40px
    }
}

section.fiorentina-dashboard .card-data-container .inviola-card-slider-wrapper .swiper {
    max-width: 420px;
    overflow: visible
}

@media (max-width:575.98px) {
    section.fiorentina-dashboard .card-data-container .inviola-card-slider-wrapper .swiper .swiper-slide {
        width: 100% !important
    }
}

section.fiorentina-dashboard .card-data-container .inviola-card-slider-wrapper .swiper .swiper-slide:not(.swiper-slide-active) .card-membership {
    opacity: 0
}

section.fiorentina-dashboard .card-data-container .inviola-card-slider-wrapper .swiper .scroll-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

@media (max-width:767.98px) {
    section.fiorentina-dashboard .card-data-container .inviola-card-slider-wrapper .swiper .scroll-arrow {
        display: none
    }
}

section.fiorentina-dashboard .card-data-container .inviola-card-slider-wrapper .swiper .scroll-arrow.scroll-arrow-l {
    left: -60px
}

section.fiorentina-dashboard .card-data-container .inviola-card-slider-wrapper .swiper .scroll-arrow.scroll-arrow-r {
    right: -60px
}

section.fiorentina-dashboard .card-data-container .card-data {
    align-items: stretch;
    align-self: stretch;
    border-bottom: 2px solid hsla(0, 0%, 100%, .1);
    border-top: 2px solid hsla(0, 0%, 100%, .1);
    display: flex;
    justify-content: center;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: 36px
}

@media (min-width:576px) {
    section.fiorentina-dashboard .card-data-container .card-data {
        margin-top: 46px
    }
}

@media (min-width:768px) {
    section.fiorentina-dashboard .card-data-container .card-data {
        margin-top: 52px
    }
}

@media (min-width:992px) {
    section.fiorentina-dashboard .card-data-container .card-data {
        align-items: center;
        border: none;
        flex-direction: column-reverse;
        margin-top: 0
    }
}

section.fiorentina-dashboard .card-data-container .card-data .card-number,
section.fiorentina-dashboard .card-data-container .card-data .card-points {
    display: flex;
    flex: 1 1 50%;
    flex-direction: column;
    justify-content: space-between;
    letter-spacing: -.04em;
    line-height: 1;
    padding: 21px;
    text-align: center
}

@media (min-width:992px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-number,
    section.fiorentina-dashboard .card-data-container .card-data .card-points {
        flex: 0 0 auto;
        justify-content: center;
        padding: 10px 14px
    }
}

section.fiorentina-dashboard .card-data-container .card-data .card-number .label,
section.fiorentina-dashboard .card-data-container .card-data .card-points .label {
    font-size: .8125rem;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: uppercase
}

@media (min-width:1500px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-number .label,
    section.fiorentina-dashboard .card-data-container .card-data .card-points .label {
        font-size: 1.0625rem
    }
}

@media (min-width:992px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-number .label,
    section.fiorentina-dashboard .card-data-container .card-data .card-points .label {
        font-weight: 800
    }
}

section.fiorentina-dashboard .card-data-container .card-data .card-number .value,
section.fiorentina-dashboard .card-data-container .card-data .card-points .value {
    font-style: italic;
    font-weight: 700
}

@media (min-width:992px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-number .value,
    section.fiorentina-dashboard .card-data-container .card-data .card-points .value {
        font-weight: 800
    }
}

section.fiorentina-dashboard .card-data-container .card-data .card-number {
    border-right: 2px solid hsla(0, 0%, 100%, .1)
}

@media (min-width:992px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-number {
        border: none;
        padding-top: 24px
    }
}

section.fiorentina-dashboard .card-data-container .card-data .card-number .value {
    font-size: 1.625rem;
    padding-bottom: 6px
}

@media (min-width:1200px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-number .value {
        font-size: 1.5rem
    }
}

@media (min-width:992px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-number .value {
        padding-bottom: 0
    }
}

@media only screen and (max-width:376px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-number .value {
        font-size: 1.25rem
    }
}

section.fiorentina-dashboard .card-data-container .card-data .card-points {
    position: relative
}

@media (min-width:992px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-points .label {
        margin-bottom: 0
    }
}

@media (min-width:1500px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-points .label {
        font-size: 1.25rem
    }
}

section.fiorentina-dashboard .card-data-container .card-data .card-points .value {
    align-items: center;
    display: flex;
    font-size: 2.5rem;
    justify-content: center
}

@media (min-width:992px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-points .value {
        font-size: 3.125rem
    }
}

@media (min-width:1200px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-points .value {
        font-size: 4.625rem
    }
}

@media only screen and (max-width:376px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-points .value {
        font-size: 1.875rem
    }
}

section.fiorentina-dashboard .card-data-container .card-data .card-points .value .lily {
    height: 16px;
    margin-right: 10px;
    width: auto
}

@media (min-width:992px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-points .value .lily {
        height: 20px;
        left: 50%;
        margin-right: 0;
        position: absolute;
        top: -20px;
        transform: translateX(-50%)
    }
}

@media (min-width:1500px) {
    section.fiorentina-dashboard .card-data-container .card-data .card-points .value .lily {
        height: 28px;
        top: -36px
    }
}

section.fiorentina-dashboard .actions-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 32px
}

@media (min-width:992px) {
    section.fiorentina-dashboard .actions-container {
        align-items: center;
        flex-direction: row;
        gap: 20px;
        justify-content: center
    }
}

@media (max-width:991.98px) {
    section.fiorentina-dashboard .actions-container .btn {
        min-width: 222px
    }
}

section.next-match-overview {
    margin-top: 80px
}

@media (min-width:992px) {
    section.next-match-overview {
        margin-top: 112px
    }
}

section.tickets-owned {
    margin-top: 112px
}

section.tickets-owned .wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 112px
}

section.tickets-owned .wrapper .ticket-slider-container {
    position: relative;
    width: 100%
}

section.tickets-owned .wrapper .ticket-slider-container .swiper#ticketCollectionSlider {
    align-items: center;
    display: flex;
    height: 320px;
    max-width: 320px;
    overflow: visible;
    width: 100%
}

@media (min-width:992px) {
    section.tickets-owned .wrapper .ticket-slider-container .swiper#ticketCollectionSlider {
        height: 400px;
        max-width: 874px
    }
}

section.tickets-owned .wrapper .ticket-slider-container .swiper#ticketCollectionSlider .swiper-wrapper {
    height: 320px
}

@media (min-width:992px) {
    section.tickets-owned .wrapper .ticket-slider-container .swiper#ticketCollectionSlider .swiper-wrapper {
        height: 400px
    }
}

section.tickets-owned .wrapper .ticket-slider-container .swiper#ticketCollectionSlider .scroll-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

@media (max-width:991.98px) {
    section.tickets-owned .wrapper .ticket-slider-container .swiper#ticketCollectionSlider .scroll-arrow {
        display: none
    }
}

section.tickets-owned .wrapper .ticket-slider-container .swiper#ticketCollectionSlider .scroll-arrow.scroll-arrow-l {
    left: -50px
}

section.tickets-owned .wrapper .ticket-slider-container .swiper#ticketCollectionSlider .scroll-arrow.scroll-arrow-r {
    right: -50px
}

section.tickets-owned .wrapper .ticket-slider-container .swiper-slide {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center
}

section.tickets-owned .section-col-title {
    color: #fff;
    font-size: 2rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    margin-bottom: 64px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    section.tickets-owned .section-col-title {
        font-size: 4.4375rem;
        line-height: .9
    }
}

section.tickets-owned .section-col-title.slider-title {
    margin-bottom: 128px
}

section.tickets-owned .section-col-title .highlight {
    display: block;
    font-style: normal;
    font-weight: 800
}

#premiumCardModal .modal-panel .table-row .cell {
    color: #5b28a1;
    font-size: .9375rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.4
}

#premiumCardModal .modal-panel .table-row .cell.included,
#premiumCardModal .modal-panel .table-row .cell.not-included {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px
}

#premiumCardModal .modal-panel .table-row .cell.included {
    background-image: url(../img/challenge-card-status-completed.svg)
}

#premiumCardModal .modal-panel .table-row .cell.not-included {
    background-image: url(../img/icon-not-included.svg)
}

section.dashboard-intro-light {
    background-color: #000;
    clip-path: polygon(calc(15% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 15% 0);
    margin-top: -15px;
    overflow: hidden;
    padding-bottom: 90px;
    padding-top: 114px;
    position: relative
}

@media (min-width:768px) {
    section.dashboard-intro-light {
        clip-path: polygon(calc(20% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 20% 0);
        padding-top: 414px
    }
}

section.dashboard-intro-light .background-container {
    display: none
}

section.dashboard-intro-light:after {
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

section.dashboard-intro-light .intro-image {
    -o-object-position: 50% 22%;
    object-position: 50% 22%
}

section.dashboard-intro-light .container {
    position: relative;
    z-index: 5
}

section.dashboard-intro-light .drophead {
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 0
}

@media (min-width:576px) {
    section.dashboard-intro-light .drophead {
        line-height: .97
    }
}

@media (min-width:768px) {
    section.dashboard-intro-light .drophead {
        line-height: .93
    }
}

@media (min-width:992px) {
    section.dashboard-intro-light .drophead {
        line-height: .89
    }
}

@media (min-width:1200px) {
    section.dashboard-intro-light .drophead {
        line-height: .86
    }
}

@media (min-width:1500px) {
    section.dashboard-intro-light .drophead {
        line-height: .8
    }
}

@media (min-width:576px) {
    section.dashboard-intro-light .drophead {
        letter-spacing: -.05em
    }
}

@media (min-width:768px) {
    section.dashboard-intro-light .drophead {
        letter-spacing: -.05em
    }
}

@media (min-width:992px) {
    section.dashboard-intro-light .drophead {
        letter-spacing: -.06em
    }
}

@media (min-width:1200px) {
    section.dashboard-intro-light .drophead {
        letter-spacing: -.06em
    }
}

@media (min-width:1500px) {
    section.dashboard-intro-light .drophead {
        letter-spacing: -.07em
    }
}

section.dashboard-intro-light .drophead {
    font-size: 2.5rem
}

@media (min-width:576px) {
    section.dashboard-intro-light .drophead {
        font-size: 3.2294rem
    }
}

@media (min-width:768px) {
    section.dashboard-intro-light .drophead {
        font-size: 3.9581rem
    }
}

@media (min-width:992px) {
    section.dashboard-intro-light .drophead {
        font-size: 4.9306rem
    }
}

@media (min-width:1200px) {
    section.dashboard-intro-light .drophead {
        font-size: 5.66rem
    }
}

@media (min-width:1500px) {
    section.dashboard-intro-light .drophead {
        font-size: 6.875rem
    }
}

@media only screen and (max-width:376px) {
    section.dashboard-intro-light .drophead {
        font-size: 1.875rem
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    section.dashboard-intro-light .drophead {
        font-size: 3.9375rem
    }
}

section.dashboard-intro-light .lead {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: 26px
}

@media (min-width:576px) {
    section.dashboard-intro-light .lead {
        font-size: 1.1456rem
    }
}

@media (min-width:768px) {
    section.dashboard-intro-light .lead {
        font-size: 1.1669rem
    }
}

@media (min-width:992px) {
    section.dashboard-intro-light .lead {
        font-size: 1.1944rem
    }
}

@media (min-width:1200px) {
    section.dashboard-intro-light .lead {
        font-size: 1.215rem
    }
}

@media (min-width:1500px) {
    section.dashboard-intro-light .lead {
        font-size: 1.25rem
    }
}

@media (min-width:576px) {
    section.dashboard-intro-light .lead {
        margin-top: 31.67px
    }
}

@media (min-width:768px) {
    section.dashboard-intro-light .lead {
        margin-top: 37.33px
    }
}

@media (min-width:992px) {
    section.dashboard-intro-light .lead {
        margin-top: 44.89px
    }
}

@media (min-width:1200px) {
    section.dashboard-intro-light .lead {
        margin-top: 50.56px
    }
}

@media (min-width:1500px) {
    section.dashboard-intro-light .lead {
        margin-top: 60px
    }
}

@media (min-width:992px) {
    section.dashboard-intro-light .lead {
        max-width: 70%
    }
}

section.dashboard-intro-light .login-register {
    height: 100%;
    margin-top: 70px;
    top: 0
}

@media (min-width:992px) {
    section.dashboard-intro-light .login-register {
        margin-top: 0;
        position: absolute;
        right: 1rem;
        width: 202px
    }
}

@media (min-width:1200px) {
    section.dashboard-intro-light .login-register {
        position: absolute;
        right: 1rem
    }
}

@media (min-width:1500px) {
    section.dashboard-intro-light .login-register {
        position: absolute;
        right: 1rem
    }
}

section.dashboard-intro-light .login-register .inner {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    position: relative
}

@media (min-width:768px) {
    section.dashboard-intro-light .login-register .inner {
        align-items: center
    }
}

@media (min-width:992px) {
    section.dashboard-intro-light .login-register .inner {
        position: sticky;
        top: 129px
    }
    section.dashboard-intro-light .login-register .inner:before {
        background: url(../img/texture-007-home.svg) 0 50%/538px auto no-repeat;
        content: "";
        display: block;
        height: 610px;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translateY(-52%);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 538px;
        z-index: -1
    }
}

@media (min-width:992px) and (min-width:992px) {
    section.dashboard-intro-light .login-register .inner:before {
        max-width: calc(-98px + 50vw);
        right: max((100vw - 960px - (-1rem + 2px))/2 * -1, -156px)
    }
}

@media (min-width:992px) and (min-width:1200px) {
    section.dashboard-intro-light .login-register .inner:before {
        max-width: calc(-188px + 50vw);
        right: max((100vw - 1140px - (-1rem + 2px))/2 * -1, -156px)
    }
}

@media (min-width:992px) and (min-width:1500px) {
    section.dashboard-intro-light .login-register .inner:before {
        max-width: calc(-338px + 50vw);
        right: max((100vw - 1440px - (-1rem + 2px))/2 * -1, -156px)
    }
}

@media (min-width:992px) and (min-width:2000px) {
    section.dashboard-intro-light .login-register .inner:before {
        max-width: calc(-578px + 50vw);
        right: max((100vw - 1920px - (-1rem + 2px))/2 * -1, -156px)
    }
}

@media (min-width:1200px) {
    section.dashboard-intro-light .login-register .inner {
        top: 229px
    }
}

@media (min-width:1500px) {
    section.dashboard-intro-light .login-register .inner {
        top: 329px
    }
}

section.dashboard-intro-light .login-register .logo {
    height: 29px;
    margin-bottom: 24px;
    width: auto
}

section.dashboard-intro-light .login-register .btn {
    max-width: 210px;
    width: 100%
}

section.dashboard-intro-light .login-register .btn+.btn {
    margin-top: 16px
}

section.dashboard-intro-light .login-register .background {
    display: none
}

.news-box {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
    z-index: 0
}

@media (min-width:768px) {
    .news-box {
        padding-bottom: 64px;
        padding-top: 64px
    }
}

@media (max-width:767.98px) {
    .news-box {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.news-box:first-child {
    border-top: 1px solid #ddd
}

.news-box .background-texture {
    left: 0;
    opacity: 0;
    top: 0;
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
    width: 120%;
    z-index: -1
}

.news-box:has(.news-container:hover) {
    background-color: #351f63
}

.news-box:has(.news-container:hover) .background-texture {
    opacity: 1
}

.news-box .box-actions {
    align-items: center;
    display: flex;
    gap: 10px
}

.news-box .box-actions .fav-icon,
.news-box .box-actions .share-icon {
    width: 16px
}

.news-box .box-actions .fav-icon {
    background-image: url(../img/icon-favorite.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 16px
}

.news-box .box-actions .fav-icon.is-favorite {
    background-image: url(../img/icon-favorite-fill.svg)
}

.news-box .news-container {
    color: #000;
    display: flex;
    flex-direction: column
}

.news-box .news-container .actions-wrapper {
    align-items: flex-start;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    justify-content: space-between
}

.news-box .news-container .category-wrapper {
    align-items: center;
    display: flex;
    flex: 0 1 auto
}

.news-box .news-container .category-wrapper .category {
    align-items: center;
    display: flex;
    font-size: .625rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.6;
    text-transform: uppercase
}

.news-box .news-container .category-wrapper .category .category-icon {
    margin-left: 24px;
    margin-right: 4px;
    width: 12px
}

.news-box .news-container .category-wrapper .category .text-separator {
    margin: 0 11px
}

.news-box .news-container .category-wrapper .category .images-count {
    font-weight: 400
}

.news-box .news-container .box-actions {
    flex: 0 0 auto
}

.news-box .news-container>a {
    text-decoration: none
}

.news-box .news-container>.clickable-object {
    cursor: pointer
}

.news-box .news-container:hover .news-tag:before {
    background-color: #fff
}

.news-box .news-container:hover .category,
.news-box .news-container:hover .news-date,
.news-box .news-container:hover .news-tag,
.news-box .news-container:hover .title {
    color: #fff
}

.news-box .news-container:hover .category-icon {
    filter: invert(1)
}

.news-box .news-container:hover .premium-tag {
    background-color: #fff
}

.news-box .news-container:hover .premium-tag .premium-label {
    color: #5b28a1
}

.news-box .news-container:hover .box-actions .fav-icon,
.news-box .news-container:hover .box-actions .share-icon {
    filter: invert(100%) sepia(0) saturate(0) hue-rotate(0) brightness(300%) contrast(100%)
}

.news-box .news-container .news-tag:before {
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1)
}

.news-box .news-container .news-date,
.news-box .news-container .news-tag,
.news-box .news-container .title {
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

.news-box .news-container .news-date {
    font-size: .625rem;
    letter-spacing: -.04em;
    text-transform: uppercase
}

.news-box .news-container .title {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.04em;
    margin: 24px 0
}

@media (min-width:768px) {
    .news-box .news-container .title {
        font-size: 1.375rem
    }
}

.news-box .news-container .news-media-container {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    width: 100%
}

.news-box .news-container:not(.video) .news-media-container {
    padding-bottom: 62%;
    position: relative
}

.news-box.search-box .read-link {
    color: #5b28a1;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.4
}

@media (min-width:768px) {
    .news-box.search-box .read-link {
        display: none
    }
}

@media (max-width:767.98px) {
    .news-box.search-box .background-texture {
        display: none
    }
    .news-box.search-box .premium-tag {
        background-color: #5b28a1 !important
    }
    .news-box.search-box .premium-tag .premium-label {
        color: #fff !important
    }
    .news-box.search-box .news-container .box-actions>:not(.news-date),
    .news-box.search-box .news-container .category,
    .news-box.search-box .news-container .news-media-container,
    .news-box.search-box .news-container .photo-gallery-content {
        display: none
    }
    .news-box.search-box .news-container .title {
        margin: 30px 0 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }
    .news-box.search-box:hover {
        background-color: #fff
    }
    .news-box.search-box:hover .news-tag {
        color: #5b28a1
    }
    .news-box.search-box:hover .news-tag:before {
        background-color: #5b28a1
    }
    .news-box.search-box:hover .category,
    .news-box.search-box:hover .news-date,
    .news-box.search-box:hover .title {
        color: #000
    }
}

.photo-gallery-content {
    cursor: pointer;
    position: relative
}

.photo-gallery-content .main-photo-container {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    margin-top: 24px;
    padding-bottom: 240px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .photo-gallery-content .main-photo-container {
        margin-top: 32px;
        padding-bottom: 67%
    }
}

.photo-gallery-content .mini-thumb-wrapper {
    bottom: 0;
    display: flex;
    gap: 8px;
    left: 0;
    overflow: auto;
    padding: 0 16px;
    position: absolute;
    transform: translateY(30%);
    width: 100%
}

.photo-gallery-content .mini-thumb-wrapper .mini-thumb {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%);
    flex-shrink: 0;
    height: 68px;
    position: relative;
    width: 100px
}

.photo-gallery-content .mini-thumb-wrapper .mini-thumb.collection:after {
    background-color: rgba(86, 53, 139, .8);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.photo-gallery-content .mini-thumb-wrapper .mini-thumb .collection-count {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    left: 50%;
    letter-spacing: -.04em;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

@media (min-width:768px) {
    .photo-gallery-content .mini-thumb-wrapper .mini-thumb .collection-count {
        font-size: 1.375rem
    }
}

section.column-section-container {
    background-color: #fff;
    padding-bottom: 112px;
    padding-top: 40px
}

section.column-section-container.clipped {
    clip-path: polygon(calc(25% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 25% 0);
    margin-top: -15px
}

@media (min-width:768px) {
    section.column-section-container.clipped {
        clip-path: polygon(calc(40% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 40% 0)
    }
}

section.column-section-container .container {
    align-content: flex-start;
    color: #000;
    position: relative
}

@media (min-width:2000px) {
    section.column-section-container .container {
        max-width: 1440px
    }
}

section.column-section-container .container:after,
section.column-section-container .container:before {
    background-color: #ddd;
    content: none;
    left: 50%;
    position: absolute;
    top: 0;
    z-index: 2
}

@media (min-width:992px) {
    section.column-section-container .container:after,
    section.column-section-container .container:before {
        content: ""
    }
}

section.column-section-container .container:before {
    height: 1px;
    width: calc(50% - 16px)
}

section.column-section-container .container:after {
    height: 100%;
    transform: translateX(-50%);
    width: 1px
}

@media (min-width:992px) {
    section.column-section-container .container>div {
        width: 50%
    }
}

@media (min-width:768px) {
    section.column-section-container .container>div {
        padding-left: 36px;
        padding-right: 36px
    }
}

@media (min-width:992px) {
    section.column-section-container .container>div {
        padding-left: 56px;
        padding-right: 56px
    }
    section.column-section-container .container>div:nth-child(odd) {
        float: left
    }
    section.column-section-container .container>div:nth-child(2n) {
        float: right
    }
}

section.column-section-container .container .title-container {
    border-bottom: 1px solid #ddd;
    padding-bottom: 48px
}

@media (min-width:768px) {
    section.column-section-container .container .title-container {
        padding-top: 42px
    }
}

@media (min-width:992px) {
    section.column-section-container .container .title-container {
        padding-bottom: 42px
    }
}

section.column-section-container .container .title-container .section-title {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-bottom: 0;
    text-transform: uppercase
}

@media (min-width:576px) {
    section.column-section-container .container .title-container .section-title {
        font-size: 2.3331rem
    }
}

@media (min-width:768px) {
    section.column-section-container .container .title-container .section-title {
        font-size: 2.6669rem
    }
}

@media (min-width:992px) {
    section.column-section-container .container .title-container .section-title {
        font-size: 3.1113rem
    }
}

@media (min-width:1200px) {
    section.column-section-container .container .title-container .section-title {
        font-size: 3.4444rem
    }
}

@media (min-width:1500px) {
    section.column-section-container .container .title-container .section-title {
        font-size: 4rem
    }
}

@media (min-width:768px) {
    section.column-section-container .container .title-container .section-title {
        margin-bottom: 24px
    }
}

section.column-section-container .container .title-container .section-title .label {
    display: block;
    font-style: italic;
    font-weight: 700
}

section.column-section-container .container .title-container .counter {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-left: auto
}

@media (min-width:768px) {
    section.column-section-container .container .title-container .counter {
        font-size: 1.375rem
    }
}

section.column-section-container .container .title-container .section-col-title {
    font-size: 2rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    margin: 0;
    max-width: 310px;
    text-transform: uppercase
}

@media (min-width:768px) {
    section.column-section-container .container .title-container .section-col-title {
        font-size: 3.5rem
    }
}

@media (min-width:992px) {
    section.column-section-container .container .title-container .section-col-title {
        font-size: 3rem
    }
}

@media (min-width:1200px) {
    section.column-section-container .container .title-container .section-col-title {
        font-size: 4rem
    }
}

@media (min-width:1500px) {
    section.column-section-container .container .title-container .section-col-title {
        font-size: 4.4375rem
    }
}

@media (min-width:768px) {
    section.column-section-container .container .title-container .section-col-title {
        line-height: .9
    }
}

section.column-section-container .container .title-container .section-col-title .highlight {
    color: #5b28a1;
    display: block;
    font-style: normal;
    font-weight: 800
}

@media (min-width:768px) {
    section.column-section-container .container .title-container .section-col-title.small-title {
        font-size: 2.5rem;
        line-height: 1.15
    }
}

@media (min-width:992px) {
    section.column-section-container .container .title-container .section-col-title.small-title {
        margin-left: auto;
        text-align: right
    }
}

section.column-section-container .container .column-item-container {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid
}

section.column-section-container .container .column-item-container .spacer {
    height: 10px
}

section.column-section-container .container .load-more-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 56px;
    text-align: center
}

@media (min-width:768px) {
    section.column-section-container .container .load-more-container {
        padding-top: 90px
    }
}

@media (min-width:1500px) {
    section.column-section-container .container .load-more-container {
        padding-top: 110px
    }
}

section.column-section-container .container .load-more-container>span {
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.5;
    margin-bottom: 24px;
    max-width: 430px;
    text-transform: uppercase
}

@media (min-width:768px) {
    section.column-section-container .container .load-more-container>span {
        font-size: 1rem
    }
}

.nav-placeholder {
    background-color: #432579;
    height: 150px;
    position: relative
}

.nav-placeholder nav.container-nav {
    background-color: #432579;
    width: 100%
}

.nav-placeholder nav.container-nav:not(.sticky-nav) {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.nav-placeholder nav.container-nav.sticky-nav {
    left: 50%;
    position: fixed;
    top: 57px;
    transform: translateX(-50%);
    z-index: 149
}

.nav-placeholder nav.container-nav.sticky-nav .tab-link {
    font-size: .8125rem;
    padding-bottom: 8px;
    padding-top: 8px
}

.nav-placeholder nav.container-nav.sticky-nav .tab-link:after,
.nav-placeholder nav.container-nav.sticky-nav .tab-link:before {
    background: transparent;
    height: 2px
}

.nav-placeholder nav.container-nav.sticky-nav .tab-link.active:after,
.nav-placeholder nav.container-nav.sticky-nav .tab-link:hover:after {
    background: hsla(0, 0%, 100%, .5)
}

body.with-strip .nav-placeholder nav.container-nav.sticky-nav {
    top: 77px
}

@media (min-width:768px) and (max-width:991.98px) {
    .nav-placeholder nav.container-nav .tab-container {
        max-width: 960px
    }
}

.nav-placeholder nav.container-nav.clipped {
    clip-path: polygon(calc(50% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 50% 0);
    margin-top: -15px
}

.nav-placeholder.light,
.nav-placeholder.light .container-nav {
    background: #fff
}

.nav-placeholder.light .tab-link {
    color: #000
}

.nav-placeholder.light .tab-link:before {
    background-color: rgba(0, 0, 0, .2)
}

.nav-placeholder.light .tab-link.active {
    color: #5b28a1
}

.nav-placeholder.light .tab-link.active:after,
.nav-placeholder.light .tab-link:hover:after {
    background: #5b28a1
}

.nav-placeholder.light .sticky-nav .tab-link.active:after,
.nav-placeholder.light .sticky-nav .tab-link:hover:after {
    background: rgba(91, 40, 161, .5) !important
}

.nav-placeholder.transparent,
.nav-placeholder.transparent .container-nav:not(.sticky-nav) {
    background: transparent
}

nav.left-nav-container {
    background-color: #5a348b;
    padding-bottom: 16px;
    padding-top: 16px
}

@media (min-width:768px) {
    nav.left-nav-container {
        padding-bottom: 24px;
        padding-top: 24px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    nav.left-nav-container .tab-wrapper {
        max-width: 960px
    }
}

nav.left-nav-container.clipped {
    clip-path: polygon(calc(50% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 50% 0);
    margin-top: -15px
}

.filters-highlight-match .highlight-match-wrapper {
    background: linear-gradient(180deg, #361e61, #4c298a 30%)
}

.tab-content-wrapper {
    padding-bottom: 44px
}

@media (min-width:768px) {
    .tab-content-wrapper {
        padding-bottom: 36px
    }
}

.tab-content-wrapper.clipped {
    background: linear-gradient(180deg, #351f63 15px, transparent);
    clip-path: polygon(85% 15px, calc(85% + 15px) 0, 100% 0, 100% 100%, 0 100%, 0 15px);
    margin-top: -15px
}

@media (min-width:576px) {
    .tab-content-wrapper.clipped {
        clip-path: polygon(70% 15px, calc(70% + 15px) 0, 100% 0, 100% 100%, 0 100%, 0 15px)
    }
}

@media (min-width:768px) {
    .tab-content-wrapper.clipped {
        clip-path: polygon(45% 15px, calc(45% + 15px) 0, 100% 0, 100% 100%, 0 100%, 0 15px)
    }
}

.tab-content-wrapper .competition-filters {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 44px 16px 40px
}

@media (min-width:768px) {
    .tab-content-wrapper .competition-filters {
        padding: 36px 32px 80px
    }
}

@media (min-width:1200px) {
    .tab-content-wrapper .competition-filters {
        align-items: center;
        flex-direction: row
    }
}

.tab-content-wrapper .competition-filters .competitions-container {
    display: flex;
    gap: 16px;
    max-width: 100%;
    overflow-x: auto;
    padding: 20px 0
}

@media (max-width:991.98px) {
    .tab-content-wrapper .competition-filters .competitions-container {
        margin-bottom: 16px
    }
}

.tab-content-wrapper .competition-filters .competitions-container .box {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 2px;
    display: flex;
    flex: none;
    height: 110px;
    justify-content: center;
    padding: 28px 22px;
    text-decoration: none;
    transition: border-color .3s cubic-bezier(.165, .84, .44, 1);
    width: 168px
}

@media (min-width:768px) {
    .tab-content-wrapper .competition-filters .competitions-container .box {
        padding: 30px 24px;
        width: 200px
    }
}

.tab-content-wrapper .competition-filters .competitions-container .box>img {
    height: 72px
}

.tab-content-wrapper .competition-filters .competitions-container .box.active,
.tab-content-wrapper .competition-filters .competitions-container .box:hover {
    border-color: #fff
}

.tab-content-wrapper .competition-filters .competitions-container .box .show-all {
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    .tab-content-wrapper .competition-filters .competitions-container .box .show-all {
        font-size: .9375rem
    }
}

.tab-content-wrapper .competition-filters .form-select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-position: 100% 50%;
    border-bottom: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin-left: 0;
    padding-right: 24px;
    width: auto
}

@media (min-width:992px) {
    .tab-content-wrapper .competition-filters .form-select {
        margin-left: 40px
    }
}

.tab-content-wrapper .month-container {
    display: flex;
    gap: 24px;
    overflow: auto;
    padding-bottom: 20px
}

@media (min-width:576px) {
    .tab-content-wrapper .month-container {
        gap: 26.67px
    }
}

@media (min-width:768px) {
    .tab-content-wrapper .month-container {
        gap: 29.33px
    }
}

@media (min-width:992px) {
    .tab-content-wrapper .month-container {
        gap: 32.89px
    }
}

@media (min-width:1200px) {
    .tab-content-wrapper .month-container {
        gap: 35.56px
    }
}

@media (min-width:1500px) {
    .tab-content-wrapper .month-container {
        gap: 40px
    }
}

.tab-content-wrapper .month-container .month-link {
    font-size: .9375rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 36px
}

section.page-intro-section {
    position: relative
}

section.page-intro-section .image-container {
    padding-bottom: 130%;
    position: relative
}

@media (min-width:768px) {
    section.page-intro-section .image-container {
        padding-bottom: 110%
    }
}

@media (min-width:992px) {
    section.page-intro-section .image-container {
        padding-bottom: 52%
    }
}

section.page-intro-section .marquee-horizontal {
    bottom: 0;
    position: absolute
}

main[role=main].common-section-table section.calendar-table {
    padding-bottom: 16px
}

main[role=main].common-section-table section.calendar-table .calendar-month-container {
    padding-top: 40px
}

@media (min-width:768px) {
    main[role=main].common-section-table section.calendar-table .calendar-month-container {
        padding-top: 48px
    }
}

main[role=main].common-section-table section.calendar-table .calendar-month-container .month {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase
}

@media (min-width:768px) {
    main[role=main].common-section-table section.calendar-table .calendar-month-container .month {
        font-size: 2rem
    }
}

main[role=main].common-section-table section.calendar-table .calendar-month-container .separator {
    background-color: hsla(0, 0%, 100%, .8);
    clip-path: polygon(50% 15px, calc(50% + 15px) 0, 100% 0, 100% 2px, calc(50% + 16px) 2px, 50% 18px, 0 18px, 0 15px);
    height: 17px;
    width: 100%
}

@media (min-width:768px) {
    main[role=main].common-section-table section.calendar-table .calendar-month-container .separator {
        clip-path: polygon(30% 15px, calc(30% + 15px) 0, 100% 0, 100% 2px, calc(30% + 16px) 2px, 30% 18px, 0 18px, 0 15px)
    }
}

@media (min-width:992px) {
    main[role=main].common-section-table section.calendar-table .calendar-month-container .separator {
        clip-path: polygon(25% 15px, calc(25% + 15px) 0, 100% 0, 100% 2px, calc(25% + 16px) 2px, 25% 18px, 0 18px, 0 15px)
    }
}

main[role=main].common-section-table section.calendar-table .calendar-month-container .match-wrapper {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

main[role=main].common-section-table section.calendar-table .calendar-month-container .match-wrapper:last-child {
    border-bottom: none
}

main[role=main].common-section-table section.calendar-table .calendar-month-container .match-wrapper .highlight-match-wrapper {
    height: 512px
}

@media (min-width:768px) {
    main[role=main].common-section-table section.calendar-table .calendar-month-container .match-wrapper .highlight-match-wrapper {
        height: 420px
    }
}

@media (min-width:992px) {
    main[role=main].common-section-table section.calendar-table .calendar-month-container .match-wrapper .highlight-match-wrapper .team-wrapper {
        gap: 0;
        justify-content: space-between
    }
}

main[role=main].common-section-table section.calendar-table .load-more-wrapper {
    display: flex;
    padding-top: 24px
}

main[role=main].common-section-table section.calendar-table .load-more-wrapper .load-more {
    margin: 0 auto;
    text-transform: uppercase
}

.grid-layout-container {
    padding-bottom: 80px;
    padding-top: 64px
}

@media (min-width:768px) {
    .grid-layout-container {
        padding-bottom: 180px;
        padding-top: 80px
    }
}

.grid-layout-container .grid-layout {
    grid-column-gap: 0;
    grid-row-gap: 24px;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    display: grid;
    grid-template-columns: 1fr
}

.grid-layout-container .grid-layout:not(:last-child) {
    margin-bottom: 80px
}

@media (min-width:768px) {
    .grid-layout-container .grid-layout:not(:last-child) {
        margin-bottom: 180px
    }
    .grid-layout-container .grid-layout:not(.medium-layout) {
        grid-gap: 1px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:992px) {
    .grid-layout-container .grid-layout:not(.medium-layout) {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width:1200px) {
    .grid-layout-container .grid-layout:not(.medium-layout) {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width:768px) {
    .grid-layout-container .grid-layout.medium-layout {
        grid-gap: 1px;
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (min-width:992px) {
    .grid-layout-container .grid-layout.medium-layout {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1200px) {
    .grid-layout-container .grid-layout.medium-layout {
        grid-template-columns: repeat(3, 1fr)
    }
}

.grid-layout-container .grid-layout .section-title {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-bottom: 0;
    text-transform: uppercase
}

@media (min-width:576px) {
    .grid-layout-container .grid-layout .section-title {
        font-size: 2.3331rem
    }
}

@media (min-width:768px) {
    .grid-layout-container .grid-layout .section-title {
        font-size: 2.6669rem
    }
}

@media (min-width:992px) {
    .grid-layout-container .grid-layout .section-title {
        font-size: 3.1113rem
    }
}

@media (min-width:1200px) {
    .grid-layout-container .grid-layout .section-title {
        font-size: 3.4444rem
    }
}

@media (min-width:1500px) {
    .grid-layout-container .grid-layout .section-title {
        font-size: 4rem
    }
}

@media (min-width:768px) {
    .grid-layout-container .grid-layout .section-title {
        margin-bottom: 24px
    }
}

.grid-layout-container .grid-layout .section-title .label {
    display: block;
    font-style: italic;
    font-weight: 700
}

.grid-layout-container .grid-layout .counter {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-left: auto
}

@media (min-width:768px) {
    .grid-layout-container .grid-layout .counter {
        font-size: 1.375rem
    }
}

.grid-layout-container .grid-layout .cell.cell-title {
    align-items: flex-end;
    display: flex;
    grid-area: 1/1/1/1;
    padding: 30px 0
}

@media (min-width:768px) {
    .grid-layout-container .grid-layout .cell.cell-title {
        display: block;
        grid-area: 1/1/1/span 2;
        padding: 30px
    }
}

.grid-layout-container .grid-layout .cell.cell-title.no-span {
    grid-area: 1/1/1/1 !important
}

@media (min-width:768px) {
    .grid-layout-container .grid-layout .cell.cell-title.no-span {
        align-items: flex-end;
        display: flex;
        padding: 30px 0
    }
}

@media (min-width:992px) {
    .grid-layout-container .grid-layout .cell.cell-title.no-span {
        display: block;
        padding: 30px
    }
}

.grid-layout-container .grid-layout .cell.cell-title-spacer {
    display: none;
    grid-column: 1;
    grid-row: 2
}

@media (min-width:768px) {
    .grid-layout-container .grid-layout .cell.cell-title-spacer {
        display: block
    }
}

.details-table-container {
    position: relative
}

.details-table-container .details-row {
    display: flex;
    flex-direction: column;
    gap: 56px;
    padding-bottom: 32px;
    padding-top: 32px
}

@media (min-width:992px) {
    .details-table-container .details-row {
        flex-direction: row;
        padding-bottom: 40px;
        padding-top: 40px
    }
}

@media (min-width:768px) {
    .details-table-container .details-row {
        gap: 50px
    }
}

@media (max-width:991.98px) {
    .details-table-container .details-row {
        border-top: 1px solid hsla(0, 0%, 100%, .1)
    }
}

.details-table-container .details-row:first-child {
    border-top: none;
    padding-top: 64px
}

@media (min-width:992px) {
    .details-table-container .details-row:first-child {
        padding-top: 80px
    }
}

.details-table-container .details-row:last-child {
    padding-bottom: 80px
}

@media (min-width:992px) {
    .details-table-container .details-row:last-child {
        padding-bottom: 112px
    }
}

.details-table-container .details-row .details-paragraph {
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.4;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 56px
}

@media (min-width:992px) {
    .details-table-container .details-row .details-paragraph {
        font-size: 1.25rem;
        padding-bottom: 32px;
        padding-top: 64px
    }
}

@media (max-width:991.98px) {
    .details-table-container .details-row .col-placeholder {
        display: none
    }
}

.details-table-container .details-row .col-left {
    max-width: none;
    width: 100%
}

@media (min-width:992px) {
    .details-table-container .details-row .col-left {
        max-width: 25%
    }
}

@media (min-width:1200px) {
    .details-table-container .details-row .col-left {
        max-width: 33%
    }
}

.details-table-container .details-row .col-left .title {
    font-size: 2rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:576px) {
    .details-table-container .details-row .col-left .title {
        font-size: 2.3331rem
    }
}

@media (min-width:768px) {
    .details-table-container .details-row .col-left .title {
        font-size: 2.6669rem
    }
}

@media (min-width:992px) {
    .details-table-container .details-row .col-left .title {
        font-size: 3.1113rem
    }
}

@media (min-width:1200px) {
    .details-table-container .details-row .col-left .title {
        font-size: 3.4444rem
    }
}

@media (min-width:1500px) {
    .details-table-container .details-row .col-left .title {
        font-size: 4rem
    }
}

@media (min-width:992px) {
    .details-table-container .details-row .col-left .title {
        max-width: 330px;
        text-align: left
    }
}

.details-table-container .details-row .col-left .title .title-label {
    display: block;
    font-style: normal;
    font-weight: 800
}

.details-table-container .details-row .col-left.category-title-wrapper {
    letter-spacing: -.04em;
    line-height: 1.1
}

@media (max-width:991.98px) {
    .details-table-container .details-row .col-left.category-title-wrapper {
        align-items: center;
        display: flex
    }
}

.details-table-container .details-row .col-left.category-title-wrapper .counter {
    margin-left: auto
}

.details-table-container .details-row .col-left .label {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0;
    max-width: 370px;
    text-transform: uppercase;
    word-break: break-word
}

@media (min-width:768px) {
    .details-table-container .details-row .col-left .label {
        font-size: 2.5rem
    }
}

@media (min-width:992px) {
    .details-table-container .details-row .col-left .label {
        margin-bottom: 24px
    }
}

.details-table-container .details-row .col-left .counter {
    font-size: 1.125rem;
    font-weight: 700
}

@media (min-width:768px) {
    .details-table-container .details-row .col-left .counter {
        font-size: 1.375rem
    }
}

.details-table-container .details-row .col-right {
    width: 100%
}

main[role=main].common-vote-layout {
    background: #270d50 linear-gradient(252.12deg, rgba(166, 19, 190, .5) 4.59%, rgba(166, 19, 190, 0) 77.86%);
    display: flex;
    flex-direction: column;
    height: 100dvh;
    overflow: hidden
}

main[role=main].common-vote-layout .playtowin-texture {
    top: -15%
}

main[role=main].common-vote-layout .giocatore-texture {
    bottom: 40%;
    width: 100%
}

@media (min-width:576px) {
    main[role=main].common-vote-layout .giocatore-texture {
        bottom: -20%
    }
}

@media (min-width:768px) {
    main[role=main].common-vote-layout .giocatore-texture {
        bottom: -10%
    }
}

@media (min-width:1500px) {
    main[role=main].common-vote-layout .giocatore-texture {
        bottom: unset
    }
}

@media (max-width:575.98px) {
    main[role=main].common-vote-layout .giocatore-texture {
        transform: translateY(50%)
    }
}

main[role=main].common-vote-layout .hidden {
    opacity: 0 !important;
    visibility: hidden !important
}

main[role=main].common-vote-layout .slider-in {
    animation-duration: .8s;
    animation-timing-function: cubic-bezier(.165, .84, .44, 1)
}

main[role=main].common-vote-layout .element-in {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important
}

main[role=main].common-vote-layout section.vote-container {
    height: 100%;
    position: relative
}

main[role=main].common-vote-layout section.vote-container .vote-thumb-slider,
main[role=main].common-vote-layout section.vote-container .vote-thumb-slider .swiper-slide {
    transition-duration: .3s;
    transition-property: opacity, visibility, transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

main[role=main].common-vote-layout section.vote-container .loading-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    left: 0;
    padding-bottom: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width:992px) {
    main[role=main].common-vote-layout section.vote-container .loading-container {
        padding-left: 0
    }
}

@media (min-width:1200px) {
    main[role=main].common-vote-layout section.vote-container .loading-container {
        padding-left: 36px
    }
}

@media (min-width:1500px) {
    main[role=main].common-vote-layout section.vote-container .loading-container {
        padding-left: 96px
    }
}

@media (max-width:991.98px) {
    main[role=main].common-vote-layout section.vote-container .loading-container {
        height: auto;
        left: 50%;
        padding-bottom: 0;
        transform: translate(-50%, -50%)
    }
}

main[role=main].common-vote-layout section.vote-container .loading-container .logo {
    display: block;
    height: 105px;
    margin: 0 auto;
    width: auto
}

@media (min-width:992px) and (max-width:1199.98px) {
    main[role=main].common-vote-layout section.vote-container .loading-container .logo {
        height: 85px
    }
}

main[role=main].common-vote-layout section.vote-container .loading-container .title-label {
    font-size: 3.8125rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 80px;
    max-width: 264px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].common-vote-layout section.vote-container .loading-container .title-label {
        color: #009641;
        font-size: 1.3125rem;
        font-style: italic;
        font-weight: 900;
        margin-top: 22px;
        max-width: 212px
    }
}

@media (min-width:1200px) {
    main[role=main].common-vote-layout section.vote-container .loading-container .title-label {
        font-size: 1.5625rem
    }
}

main[role=main].common-vote-layout section.vote-container .loading-container .month-label {
    font-size: 1.75rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].common-vote-layout section.vote-container .loading-container .month-label {
        font-size: 1.5rem
    }
}

@media (min-width:1200px) {
    main[role=main].common-vote-layout section.vote-container .loading-container .month-label {
        font-size: 1.75rem
    }
}

@media (min-width:992px) {
    main[role=main].common-vote-layout section.vote-container .loading-container .month-label {
        margin-top: 8px
    }
}

main[role=main].common-vote-layout section.vote-container .loading-container .scroll-progress {
    display: none
}

@media (min-width:992px) {
    main[role=main].common-vote-layout section.vote-container .loading-container .scroll-progress {
        display: block
    }
}

main[role=main].common-vote-layout section.vote-container .vote-thumb-slider {
    height: 100%;
    width: 100%
}

@media (max-width:991.98px) {
    main[role=main].common-vote-layout section.vote-container .vote-thumb-slider {
        align-items: center;
        display: flex
    }
}

main[role=main].common-vote-layout section.vote-container .vote-thumb-slider .swiper-wrapper {
    align-items: center;
    position: relative
}

main[role=main].common-vote-layout section.vote-container .vote-thumb-slider .swiper-slide .slide-inner {
    height: 100%;
    position: relative;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    width: 100%
}

main[role=main].common-vote-layout section.vote-container .vote-thumb-slider .swiper-slide.swiper-slide-active .media-file-name {
    opacity: 1 !important;
    visibility: visible
}

main[role=main].common-vote-layout section.vote-container .vote-thumb-slider .swiper-slide .media-file-name {
    font-size: 1.125rem;
    left: 0;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -28px;
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1), visibility .3s cubic-bezier(.165, .84, .44, 1);
    visibility: hidden
}

@media (min-width:768px) {
    main[role=main].common-vote-layout section.vote-container .vote-thumb-slider .swiper-slide .media-file-name {
        font-size: 1.375rem
    }
}

@media (min-width:992px) {
    main[role=main].common-vote-layout section.vote-container .vote-thumb-slider .swiper-slide .media-file-name {
        text-align: center;
        top: -12px
    }
}

@media (min-width:1200px) {
    main[role=main].common-vote-layout section.vote-container .navigable-swiper-container {
        padding-left: 100px
    }
}

main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper,
main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-wrapper {
    width: 100%
}

@media (min-width:992px) {
    main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-wrapper {
        width: 160px
    }
}

main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-slide {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: center;
    width: 102px
}

main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-slide:last-child .image-wrapper {
    border-right: 1px solid hsla(0, 0%, 100%, .1)
}

@media (min-width:992px) {
    main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-slide {
        width: auto
    }
}

main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-slide>div {
    width: 100%
}

@media (min-width:992px) {
    main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-slide>div {
        height: 76px
    }
}

main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-slide.swiper-slide-active .slide-item .slide-number {
    text-stroke: 1.8px #009641;
    -webkit-text-stroke: 1.8px #009641;
    color: transparent
}

main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-slide .slide-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media (min-width:992px) {
    main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-slide .slide-item {
        flex-direction: row
    }
}

main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-slide .slide-item .slide-number {
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 900;
    letter-spacing: .03em;
    line-height: 1;
    order: 1;
    padding-top: 12px;
    text-align: center;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:992px) {
    main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-slide .slide-item .slide-number {
        flex: 1;
        font-size: 1.5rem;
        order: unset;
        padding-top: 0
    }
}

main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-slide .slide-item .image-wrapper {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    padding: 8px;
    width: 102px
}

@media (min-width:992px) {
    main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-slide .slide-item .image-wrapper {
        border-left: none;
        padding: 12px 13px;
        width: 112px
    }
}

main[role=main].common-vote-layout section.vote-container .navigable-swiper-container .swiper-slide .slide-item .image-wrapper .slide-pic-container {
    height: 54px;
    position: relative;
    width: 100%
}

main[role=main].common-vote-layout section.vote-container.voted .voted-section {
    display: flex
}

main[role=main].common-vote-layout section.vote-container.voted .vote-form {
    display: none
}

main[role=main].common-vote-layout section.vote-container.voted .vote-thumb-slider .swiper-slide:not(.swiper-slide-thumb-active) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

main[role=main].common-vote-layout .scroll-component {
    display: none;
    z-index: 3
}

@media (min-width:1200px) {
    main[role=main].common-vote-layout .scroll-component {
        display: block
    }
}

main[role=main].common-vote-layout .scroll-component {
    position: absolute;
    right: 210px;
    top: 50%;
    transform: translateY(-50%)
}

main[role=main].common-vote-layout .vote-form {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity, visibility .3s cubic-bezier(.165, .84, .44, 1);
    z-index: 10
}

main[role=main].common-vote-layout .voted-section {
    align-items: center;
    bottom: 0;
    bottom: 10px;
    display: none;
    flex-direction: column;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: 5
}

@media (min-width:768px) {
    main[role=main].common-vote-layout .voted-section {
        bottom: 80px
    }
}

main[role=main].common-vote-layout .voted-section .btn-outline-secondary,
main[role=main].common-vote-layout .voted-section .voted-msg {
    opacity: 0;
    pointer-events: none;
    transition-duration: .5s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    visibility: hidden
}

main[role=main].common-vote-layout .voted-section .voted-label {
    text-stroke: 3px #009641;
    -webkit-text-stroke: 3px #009641;
    color: transparent;
    font-size: 3.5rem;
    font-style: italic;
    font-weight: 800;
    left: 50%;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: -10px;
    transform: translateX(-50%);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
    width: 100%
}

@media (min-width:992px) {
    main[role=main].common-vote-layout .voted-section .voted-label {
        font-size: 7.75rem
    }
}

main[role=main].common-vote-layout .voted-section .voted-label.element-translate {
    transform: translate(-50%, -110%)
}

main[role=main].common-vote-layout .voted-section .voted-msg {
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 24px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].common-vote-layout .voted-section .voted-msg {
        font-size: 1rem
    }
}

.gallery-box-container {
    align-items: flex-start;
    box-shadow: 0 0 0 1px #4a3572;
    display: flex;
    flex-direction: column;
    padding: 32px;
    position: relative;
    z-index: 0
}

@media (min-width:768px) {
    .gallery-box-container {
        height: 360px
    }
}

.gallery-box-container .box-title {
    margin-bottom: 8px;
    text-transform: uppercase
}

.gallery-box-container .box-title .name {
    font-size: 1.25rem;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin: 0
}

@media (min-width:768px) {
    .gallery-box-container .box-title .name {
        font-size: 1.375rem
    }
}

.gallery-box-container .box-title .category {
    font-size: .75rem;
    font-style: italic;
    letter-spacing: -.04em;
    line-height: 1.5
}

.gallery-box-container .sponsor-logo-container {
    height: 200px;
    margin: 0 auto;
    position: relative;
    width: 200px
}

.gallery-box-container.hover-animation {
    background-color: transparent;
    height: auto;
    text-decoration: none
}

.gallery-box-container.hover-animation:after {
    background: url(../img/texture-020-attivita.svg) 30% 10%/130% auto no-repeat, linear-gradient(180deg, #361e61, #4c298a);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .8s cubic-bezier(.165, .84, .44, 1);
    z-index: -1
}

@media (min-width:768px) {
    .gallery-box-container.hover-animation:after {
        content: ""
    }
}

.gallery-box-container.hover-animation .name {
    font-size: .875rem;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1
}

@media (min-width:768px) {
    .gallery-box-container.hover-animation .name {
        font-size: 1rem
    }
}

.gallery-box-container.hover-animation .category {
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.5
}

@media (min-width:768px) {
    .gallery-box-container.hover-animation .category {
        font-size: 1.375rem
    }
}

.gallery-box-container.hover-animation .date,
.gallery-box-container.hover-animation .role {
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.5;
    text-transform: uppercase
}

.gallery-box-container.hover-animation .date {
    font-size: .8125rem;
    margin-bottom: 32px
}

.gallery-box-container.hover-animation .role {
    font-size: 1rem
}

@media (min-width:768px) {
    .gallery-box-container.hover-animation:hover:after {
        opacity: 1
    }
}

.details-card {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    display: flex;
    padding: 32px 0;
    width: 100%
}

.details-card:first-child {
    padding-top: 0
}

.details-card:last-child {
    border-bottom: none
}

.details-card .card-image-container {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    flex: 0 0 auto;
    height: 228px;
    position: relative;
    width: 170px
}

@media (min-width:768px) {
    .details-card .card-image-container {
        height: 280px;
        width: 210px
    }
}

.details-card .card-text {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    width: 100%
}

@media (min-width:768px) {
    .details-card .card-text {
        align-items: center;
        flex-direction: row;
        padding-left: 40px
    }
}

.details-card .card-text .player-info {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.details-card .card-text .player-info .player-name,
.details-card .card-text .player-info .player-surname {
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.3;
    text-transform: uppercase
}

.details-card .card-text .player-info .player-name {
    font-size: .875rem;
    margin-bottom: 4px
}

@media (min-width:768px) {
    .details-card .card-text .player-info .player-name {
        font-size: 1rem
    }
}

.details-card .card-text .player-info .player-surname {
    font-size: 1.25rem;
    font-style: italic;
    margin-bottom: 24px
}

@media (min-width:768px) {
    .details-card .card-text .player-info .player-surname {
        font-size: 1.5rem
    }
}

.details-card .card-text .player-info .player-role {
    font-size: 1rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.6
}

@media (min-width:768px) {
    .details-card .card-text .player-info .player-role {
        font-size: 1.125rem
    }
}

.details-card .card-text .squared-label {
    flex: 0 0 auto
}

.swiper-container .slider-full-width {
    position: relative
}

.swiper-container .slider-full-width .swiper-wrapper .swiper-slide {
    height: 550px
}

@media (min-width:768px) {
    .swiper-container .slider-full-width .swiper-wrapper .swiper-slide {
        height: 815px
    }
}

.swiper-container .slider-full-width .swiper-wrapper .swiper-slide .slider-image-container {
    height: 100%;
    position: relative;
    width: 100%
}

.swiper-container .slider-full-width .scroll-arrow {
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    z-index: 10
}

.swiper-container .slider-full-width .scroll-arrow.swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

.swiper-container .slider-full-width .scroll-arrow.scroll-arrow-l {
    left: 16px
}

@media (min-width:768px) {
    .swiper-container .slider-full-width .scroll-arrow.scroll-arrow-l {
        left: 30px
    }
}

.swiper-container .slider-full-width .scroll-arrow.scroll-arrow-r {
    right: 16px
}

@media (min-width:768px) {
    .swiper-container .slider-full-width .scroll-arrow.scroll-arrow-r {
        right: 30px
    }
}

.swiper-container .slider-full-width .scroll-arrow .arrow {
    height: 50px
}

@media (min-width:768px) {
    .swiper-container .slider-full-width .scroll-arrow .arrow {
        height: 80px
    }
}

.page-intro-banner {
    position: relative
}

@media (max-width:767.98px) {
    .page-intro-banner .dsk {
        display: none
    }
}

.page-intro-banner.intro {
    background-color: #351f63;
    overflow: hidden;
    padding-top: 140px;
    z-index: 0
}

@media (min-width:768px) {
    .page-intro-banner.intro {
        padding-top: 200px
    }
}

.page-intro-banner.intro.intro-video .overlay-content {
    bottom: 96px !important;
    padding-bottom: 0 !important
}

@media (min-width:768px) {
    .page-intro-banner.intro.intro-video .overlay-content {
        bottom: 60px !important
    }
}

.page-intro-banner .background-texture {
    right: 0;
    top: 0
}

.page-intro-banner .marquee-horizontal {
    bottom: 15px
}

.page-intro-banner .content-wrapper {
    background-color: #000;
    clip-path: polygon(calc(15% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 15% 0);
    margin-top: -15px;
    padding-bottom: 130%;
    position: relative
}

@media (min-width:768px) {
    .page-intro-banner .content-wrapper {
        padding-bottom: 80%
    }
}

@media (min-width:992px) {
    .page-intro-banner .content-wrapper {
        padding-bottom: 57%
    }
}

@media (min-width:2000px) {
    .page-intro-banner .content-wrapper {
        height: calc(100dvh - 140px);
        padding-bottom: 0
    }
}

.page-intro-banner .content-wrapper:has(iframe),
.page-intro-banner .content-wrapper:has(video) {
    padding-bottom: 0
}

.page-intro-banner .content-wrapper:has(iframe) .plyr,
.page-intro-banner .content-wrapper:has(video) .plyr {
    height: 100%
}

@media (max-width:575.98px) {
    .page-intro-banner .content-wrapper:has(iframe),
    .page-intro-banner .content-wrapper:has(video) {
        height: 550px
    }
}

@media (min-width:768px) {
    .page-intro-banner .content-wrapper {
        clip-path: polygon(calc(20% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 20% 0)
    }
}

.page-intro-banner .content-wrapper .overlay-content {
    bottom: 0;
    left: 50%;
    padding-bottom: 36px;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

@media (min-width:768px) {
    .page-intro-banner .content-wrapper .overlay-content {
        padding-bottom: 60px
    }
}

.page-intro-banner .content-wrapper .overlay-content .content-text-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    letter-spacing: -.04em;
    text-transform: uppercase
}

.page-intro-banner .content-wrapper .overlay-content .content-text-wrapper .squared-label {
    margin-bottom: 16px
}

@media (min-width:768px) {
    .page-intro-banner .content-wrapper .overlay-content .content-text-wrapper .squared-label {
        margin-bottom: 24px
    }
}

.page-intro-banner .content-wrapper .overlay-content .content-text-wrapper .content-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 16px
}

@media (min-width:576px) {
    .page-intro-banner .content-wrapper .overlay-content .content-text-wrapper .content-title {
        font-size: 2.2394rem
    }
}

@media (min-width:768px) {
    .page-intro-banner .content-wrapper .overlay-content .content-text-wrapper .content-title {
        font-size: 2.4794rem
    }
}

@media (min-width:992px) {
    .page-intro-banner .content-wrapper .overlay-content .content-text-wrapper .content-title {
        font-size: 2.7988rem
    }
}

@media (min-width:1200px) {
    .page-intro-banner .content-wrapper .overlay-content .content-text-wrapper .content-title {
        font-size: 3.0381rem
    }
}

@media (min-width:1500px) {
    .page-intro-banner .content-wrapper .overlay-content .content-text-wrapper .content-title {
        font-size: 3.4375rem
    }
}

@media (min-width:768px) {
    .page-intro-banner .content-wrapper .overlay-content .content-text-wrapper .content-title {
        margin-bottom: 32px
    }
}

.page-intro-banner .content-wrapper .overlay-content .content-text-wrapper .cta-wrapper {
    -moz-column-gap: 40px;
    column-gap: 40px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px
}

@media (min-width:992px) {
    .page-intro-banner .content-wrapper .overlay-content .content-text-wrapper.adjust-w {
        max-width: calc(100% - 400px)
    }
}

.page-intro-banner .content-wrapper .overlay-content .photo-gallery-content {
    bottom: 88px;
    height: 260px;
    position: absolute;
    right: 0;
    width: 390px
}

.page-intro-banner .content-wrapper .overlay-content .gallery-counter-container {
    align-items: center;
    bottom: 12px;
    display: flex;
    gap: 11px;
    position: absolute;
    right: 32px
}

.page-intro-banner .content-wrapper .overlay-content .gallery-counter-container .images-count,
.page-intro-banner .content-wrapper .overlay-content .gallery-counter-container .label-photo-gallery {
    font-size: .625rem;
    letter-spacing: -.04em;
    line-height: 1.6;
    text-transform: uppercase
}

.page-intro-banner .content-wrapper .overlay-content .gallery-counter-container .label-photo-gallery {
    align-items: center;
    display: flex;
    font-style: italic;
    font-weight: 700
}

.page-intro-banner .content-wrapper .overlay-content .gallery-counter-container .label-photo-gallery .gallery-icon {
    margin-right: 4px;
    width: 12px
}

@media (max-width:991.98px) {
    .page-intro-banner .content-wrapper .overlay-content .gallery-counter-container,
    .page-intro-banner .content-wrapper .overlay-content .photo-gallery-content {
        display: none
    }
}

.page-intro-banner .content-wrapper .overlay-content .intro-video-duration-wrapper {
    align-items: center;
    bottom: 10px;
    display: flex;
    position: absolute;
    right: 0;
    width: calc(50% - 20px)
}

@media (max-width:991.98px) {
    .page-intro-banner .content-wrapper .overlay-content .intro-video-duration-wrapper {
        display: none
    }
}

.page-intro-banner .content-wrapper .overlay-content .intro-video-duration-wrapper .video-progression {
    background-color: #fff;
    flex: 1;
    height: 1px;
    padding-right: 24px;
    position: relative
}

.page-intro-banner .content-wrapper .overlay-content .intro-video-duration-wrapper .video-progression>span {
    background-color: #5b28a1;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.page-intro-banner .content-wrapper .overlay-content .intro-video-duration-wrapper .video-duration {
    background-color: transparent;
    bottom: auto;
    clip-path: none;
    color: #fff;
    flex: 0 0 auto;
    left: auto;
    position: relative
}

.page-intro-banner .content-wrapper .overlay-content .intro-video-duration-wrapper .video-duration .play-mini:before {
    border-color: transparent transparent transparent #fff
}

.page-intro-banner .content-wrapper .overlay-content .stores-logo-container {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 72px;
    transform: translateX(-50%);
    width: 100%
}

@media (min-width:768px) {
    .page-intro-banner .content-wrapper .overlay-content .stores-logo-container {
        bottom: 34px;
        left: 16px;
        top: unset;
        transform: none;
        width: auto
    }
}

.page-intro-banner .content-wrapper .overlay-content .stores-logo-container .store {
    text-decoration: none
}

.page-intro-banner .content-wrapper .overlay-content .stores-logo-container .store:not(:first-child) {
    margin-left: 16px
}

@media (max-width:767.98px) {
    .page-intro-banner .content-wrapper .overlay-content .stores-logo-container .store img {
        height: 46px
    }
}

.page-intro-banner .content-wrapper .overlay-content .podcast-logo-container {
    bottom: 56px;
    display: flex;
    flex-wrap: wrap;
    left: 16px;
    position: absolute
}

@media (min-width:768px) {
    .page-intro-banner .content-wrapper .overlay-content .podcast-logo-container {
        bottom: 34px
    }
}

.page-intro-banner .content-wrapper .overlay-content .podcast-logo-container a {
    text-decoration: none
}

.page-intro-banner .content-wrapper .gallery-swiper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.page-intro-banner .content-wrapper .gallery-swiper .scroll-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.page-intro-banner .content-wrapper .gallery-swiper .scroll-arrow.scroll-arrow-l {
    left: 16px
}

.page-intro-banner .content-wrapper .gallery-swiper .scroll-arrow.scroll-arrow-r {
    right: 16px
}

.page-intro-banner .content-wrapper.swiper-show .gallery-backdrop {
    z-index: 1
}

.page-intro-banner .content-wrapper.swiper-show .overlay-content:has(.content-text-wrapper) {
    max-width: none !important
}

.page-intro-banner .clipped-container {
    background-color: #fff;
    clip-path: polygon(calc(50% + 15px) 15px, 100% 15px, 100% calc(100% + 1px), 0 calc(100% + 1px), 0 0, 50% 0);
    height: 15px;
    margin-top: -15px
}

.photo-gallery-box {
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0;
    color: #000;
    display: flex;
    flex-direction: column;
    padding: 40px 0;
    text-decoration: none
}

@media (min-width:768px) {
    .photo-gallery-box {
        padding: 40px
    }
    .photo-gallery-box:not(:last-child) {
        border-right-width: 1px
    }
    .photo-gallery-box {
        height: 510px;
        width: 480px
    }
}

.photo-gallery-box:focus-visible .photo-collection {
    transform: scale(1.12)
}

.photo-gallery-box:active .photo-collection {
    transform: scale(1.12)
}

@media (hover:hover) {
    .photo-gallery-box:hover .photo-collection {
        transform: scale(1.12)
    }
}

.photo-gallery-box .top-label-container {
    align-items: center;
    display: flex;
    gap: 11px
}

.photo-gallery-box .top-label-container .images-count,
.photo-gallery-box .top-label-container .label-photo-gallery {
    font-size: .625rem;
    letter-spacing: -.04em;
    line-height: 1.6;
    text-transform: uppercase
}

.photo-gallery-box .top-label-container .label-photo-gallery {
    align-items: center;
    display: flex;
    font-style: italic;
    font-weight: 700
}

.photo-gallery-box .top-label-container .label-photo-gallery .gallery-icon {
    margin-right: 4px;
    width: 12px
}

.photo-gallery-box .gallery-tag {
    margin-top: 40px
}

@media (min-width:768px) {
    .photo-gallery-box .gallery-tag {
        margin-top: 56px
    }
}

.photo-gallery-box .title {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-bottom: 0;
    margin-top: 16px;
    text-transform: uppercase
}

.highlight-match-wrapper {
    align-items: center;
    display: flex;
    overflow: hidden;
    padding-bottom: 56px;
    padding-top: 56px;
    position: relative
}

@media (min-width:992px) {
    .highlight-match-wrapper.fixed-height {
        height: 690px
    }
}

@media (min-width:1200px) {
    .highlight-match-wrapper.fixed-height {
        height: 742.5px
    }
}

@media (min-width:1500px) {
    .highlight-match-wrapper.fixed-height {
        height: 830px
    }
}

.highlight-match-wrapper.clipped {
    clip-path: polygon(calc(15% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 15% 0);
    margin-top: -15px
}

@media (min-width:992px) {
    .highlight-match-wrapper.clipped {
        clip-path: polygon(calc(20% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 20% 0)
    }
}

.highlight-match-wrapper .background-texture {
    height: auto;
    left: 50%;
    max-width: none;
    opacity: .5;
    top: 0;
    transform: translateX(-50%);
    width: 100%
}

@media (min-width:768px) {
    .highlight-match-wrapper .background-texture {
        height: 100%;
        top: -20px;
        width: 140%
    }
}

.highlight-match-wrapper .container {
    display: flex;
    flex-wrap: wrap;
    z-index: 1
}

@media (min-width:768px) {
    .highlight-match-wrapper .container {
        align-items: center;
        flex-wrap: nowrap;
        justify-content: center
    }
}

.highlight-match-wrapper .team-separator {
    align-self: center;
    display: none;
    flex: 1 1 auto;
    text-align: center
}

.highlight-match-wrapper .team {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media (max-width:767.98px) {
    .highlight-match-wrapper .team {
        flex: 1 1 auto
    }
}

.highlight-match-wrapper .team .score {
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 46px;
    margin-bottom: 0
}

@media (min-width:576px) {
    .highlight-match-wrapper .team .score {
        font-size: 1.6669rem
    }
}

@media (min-width:768px) {
    .highlight-match-wrapper .team .score {
        font-size: 1.8331rem
    }
}

@media (min-width:992px) {
    .highlight-match-wrapper .team .score {
        font-size: 2.0556rem
    }
}

@media (min-width:1200px) {
    .highlight-match-wrapper .team .score {
        font-size: 2.2225rem
    }
}

@media (min-width:1500px) {
    .highlight-match-wrapper .team .score {
        font-size: 2.5rem
    }
}

.highlight-match-wrapper .team .team-logo {
    height: 78px;
    margin-bottom: 8px;
    position: relative;
    width: 78px
}

@media (min-width:768px) {
    .highlight-match-wrapper .team .team-logo {
        height: 120px;
        width: 120px
    }
}

.highlight-match-wrapper .team .team-name {
    color: #fff;
    font-size: .8125rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    .highlight-match-wrapper .team .team-name {
        font-size: 1.5rem
    }
}

.highlight-match-wrapper .team .score {
    display: block;
    width: 100%
}

@media (min-width:768px) {
    .highlight-match-wrapper .team .score {
        display: none
    }
}

.highlight-match-wrapper .team .ranking-points {
    font-size: .75rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.5;
    margin-bottom: 16px;
    opacity: .5;
    width: 100%
}

.highlight-match-wrapper .team .goals-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 54px
}

@media (min-width:768px) {
    .highlight-match-wrapper .team .goals-wrapper {
        margin-top: 32px
    }
}

.highlight-match-wrapper .team .goals-wrapper .goal {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.5;
    text-align: left;
    white-space: nowrap
}

@media (min-width:768px) {
    .highlight-match-wrapper .team .goals-wrapper .goal {
        font-size: 1rem
    }
}

.highlight-match-wrapper .team .goals-wrapper .goal:not(:last-child) {
    margin-bottom: 4px
}

.highlight-match-wrapper .team.right .goal {
    text-align: right
}

.highlight-match-wrapper .team:has(.goals-wrapper) {
    width: 78px
}

@media (min-width:768px) {
    .highlight-match-wrapper .team:has(.goals-wrapper) {
        width: 120px
    }
}

.highlight-match-wrapper .team:has(.goals-wrapper).left {
    align-items: flex-start
}

.highlight-match-wrapper .team:has(.goals-wrapper).right {
    align-items: flex-end
}

.highlight-match-wrapper .match-info-container {
    align-items: center;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    text-transform: uppercase
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container {
        flex-basis: auto;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (max-width:767.98px) {
    .highlight-match-wrapper .match-info-container {
        margin-bottom: 24px;
        order: -1
    }
}

.highlight-match-wrapper .match-info-container .match-details {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
    text-align: center
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .match-details {
        margin-bottom: 70px
    }
}

.highlight-match-wrapper .match-info-container .match-details .sponsor-logo {
    height: 70px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .match-details .sponsor-logo {
        margin-bottom: 26px
    }
}

.highlight-match-wrapper .match-info-container .match-details .color-gray {
    color: hsla(0, 0%, 100%, .6) !important
}

.highlight-match-wrapper .match-info-container .match-details .small-text {
    font-size: .75rem !important
}

.highlight-match-wrapper .match-info-container .match-details .medium-text {
    font-size: 1.375rem !important
}

.highlight-match-wrapper .match-info-container .match-details .big-text {
    font-size: 2rem !important
}

.highlight-match-wrapper .match-info-container .match-details .day {
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.15;
    margin-bottom: 16px;
    text-align: center
}

@media (min-width:576px) {
    .highlight-match-wrapper .match-info-container .match-details .day {
        font-size: 1.6669rem
    }
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .match-details .day {
        font-size: 1.8331rem
    }
}

@media (min-width:992px) {
    .highlight-match-wrapper .match-info-container .match-details .day {
        font-size: 2.0556rem
    }
}

@media (min-width:1200px) {
    .highlight-match-wrapper .match-info-container .match-details .day {
        font-size: 2.2225rem
    }
}

@media (min-width:1500px) {
    .highlight-match-wrapper .match-info-container .match-details .day {
        font-size: 2.5rem
    }
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .match-details .day {
        margin-bottom: 4px
    }
}

.highlight-match-wrapper .match-info-container .match-details .championship,
.highlight-match-wrapper .match-info-container .match-details .match-date {
    font-size: .8125rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.4;
    margin-bottom: 4px
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .match-details .championship,
    .highlight-match-wrapper .match-info-container .match-details .match-date {
        font-size: .9375rem
    }
}

.highlight-match-wrapper .match-info-container .match-details .match-label {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.2;
    text-transform: uppercase
}

.highlight-match-wrapper .match-info-container .match-details .disabled-date {
    font-size: .75rem;
    font-weight: 400
}

.highlight-match-wrapper .match-info-container .live-details {
    align-items: center;
    display: flex;
    margin-bottom: 38px;
    max-width: 260px;
    padding-top: 0;
    width: 100%
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .live-details {
        flex-direction: column
    }
}

.highlight-match-wrapper .match-info-container .live-details .score-wrapper {
    align-items: center;
    display: none;
    flex-direction: row;
    gap: 30px;
    justify-content: center
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .live-details .score-wrapper {
        display: flex
    }
}

.highlight-match-wrapper .match-info-container .live-details .score-wrapper .score-separator {
    display: none;
    padding-top: 0
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .live-details .score-wrapper .score-separator {
        display: block
    }
}

.highlight-match-wrapper .match-info-container .live-details .score-wrapper .score {
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 46px;
    margin-bottom: 0
}

@media (min-width:576px) {
    .highlight-match-wrapper .match-info-container .live-details .score-wrapper .score {
        font-size: 1.6669rem
    }
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .live-details .score-wrapper .score {
        font-size: 1.8331rem
    }
}

@media (min-width:992px) {
    .highlight-match-wrapper .match-info-container .live-details .score-wrapper .score {
        font-size: 2.0556rem
    }
}

@media (min-width:1200px) {
    .highlight-match-wrapper .match-info-container .live-details .score-wrapper .score {
        font-size: 2.2225rem
    }
}

@media (min-width:1500px) {
    .highlight-match-wrapper .match-info-container .live-details .score-wrapper .score {
        font-size: 2.5rem
    }
}

.highlight-match-wrapper .match-info-container .live-details .progress-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 8px;
    width: 100%
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .live-details .progress-wrapper {
        flex-direction: column
    }
}

.highlight-match-wrapper .match-info-container .live-details .progress-wrapper .progress-bar {
    background-color: hsla(0, 0%, 100%, .4);
    height: 3px;
    margin-bottom: 8px;
    position: relative;
    width: 100%
}

@media (max-width:767.98px) {
    .highlight-match-wrapper .match-info-container .live-details .progress-wrapper .progress-bar {
        max-width: 170px
    }
}

.highlight-match-wrapper .match-info-container .live-details .progress-wrapper .progress-bar .current-progress {
    background-color: #bde12f;
    bottom: 0;
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    transition: width .3s cubic-bezier(.165, .84, .44, 1);
    width: 0
}

.highlight-match-wrapper .match-info-container .live-details .progress-wrapper .progress-lvl {
    color: #bde12f;
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-bottom: 0
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .live-details .progress-wrapper .progress-lvl {
        font-size: 1.375rem
    }
}

.highlight-match-wrapper .match-info-container .elapsed-date-wrapper {
    align-items: center;
    display: flex;
    gap: 32px
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper {
        margin-top: 60px
    }
}

@media (min-width:576px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper {
        gap: 37.33px
    }
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper {
        gap: 42.67px
    }
}

@media (min-width:992px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper {
        gap: 49.78px
    }
}

@media (min-width:1200px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper {
        gap: 55.11px
    }
}

@media (min-width:1500px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper {
        gap: 64px
    }
}

@media (max-width:767.98px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper {
        margin-bottom: 32px
    }
}

.highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date {
    color: #fff;
    font-style: italic;
    letter-spacing: -.04em;
    position: relative;
    text-align: center
}

.highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date:not(:last-child):after {
    content: ":";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translate(50%, -50%)
}

@media (min-width:576px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date:not(:last-child):after {
        right: -18.67px
    }
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date:not(:last-child):after {
        right: -21.33px
    }
}

@media (min-width:992px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date:not(:last-child):after {
        right: -24.89px
    }
}

@media (min-width:1200px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date:not(:last-child):after {
        right: -27.56px
    }
}

@media (min-width:1500px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date:not(:last-child):after {
        right: -32px
    }
}

@media (min-width:992px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date:not(:last-child):after {
        font-size: 2.875rem
    }
}

.highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date .date-value {
    font-size: 1.125rem;
    line-height: .8;
    margin-bottom: 0
}

@media (min-width:576px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date .date-value {
        font-size: 1.4794rem
    }
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date .date-value {
        font-size: 1.8331rem
    }
}

@media (min-width:992px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date .date-value {
        font-size: 2.3056rem
    }
}

@media (min-width:1200px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date .date-value {
        font-size: 2.66rem
    }
}

@media (min-width:1500px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date .date-value {
        font-size: 3.25rem
    }
}

.highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date .date-label {
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1.2
}

@media (min-width:576px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date .date-label {
        font-size: .9269rem
    }
}

@media (min-width:768px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date .date-label {
        font-size: 1.0419rem
    }
}

@media (min-width:992px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date .date-label {
        font-size: 1.1944rem
    }
}

@media (min-width:1200px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date .date-label {
        font-size: 1.3088rem
    }
}

@media (min-width:1500px) {
    .highlight-match-wrapper .match-info-container .elapsed-date-wrapper .date .date-label {
        font-size: 1.5rem
    }
}

.highlight-match-wrapper .cta-container,
.highlight-match-wrapper .inner-cta-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
    text-transform: uppercase
}

.highlight-match-wrapper.inverted-team-name .team {
    flex-direction: column-reverse
}

.highlight-match-wrapper.inverted-team-name .team .team-logo {
    margin-bottom: 0
}

.highlight-match-wrapper.inverted-team-name .team .team-name {
    font-size: .9375rem;
    margin-bottom: 8px
}

@media (max-width:767.98px) {
    .highlight-match-wrapper.list-item,
    .highlight-match-wrapper.schedule-item {
        padding-bottom: 32px;
        padding-top: 32px
    }
}

.highlight-match-wrapper.list-item .team,
.highlight-match-wrapper.schedule-item .team {
    width: 70px
}

.highlight-match-wrapper.list-item .team .team-name,
.highlight-match-wrapper.schedule-item .team .team-name {
    font-size: .8125rem
}

.highlight-match-wrapper.list-item .team .team-logo,
.highlight-match-wrapper.schedule-item .team .team-logo {
    height: 70px;
    width: 70px
}

.highlight-match-wrapper.schedule-item {
    flex: 1 1 auto
}

@media (min-width:992px) {
    .highlight-match-wrapper.schedule-item {
        padding-left: 32px;
        padding-right: 32px
    }
}

.highlight-match-wrapper.schedule-item .match-details {
    margin-bottom: 32px !important
}

.highlight-match-wrapper.schedule-item .match-details .sponsor-logo {
    margin-bottom: 8px !important
}

.highlight-match-wrapper.header-padding {
    padding-top: 129px
}

@media (max-width:767.98px) {
    .highlight-match-wrapper.with-separator .team-separator {
        display: block
    }
    .highlight-match-wrapper.match-with-results .team {
        flex: 0 0 auto
    }
    .highlight-match-wrapper.bottom-actions .match-info-container {
        margin-bottom: 0
    }
    .highlight-match-wrapper.bottom-actions .inner-cta-container {
        display: none
    }
}

@media (min-width:768px) {
    .highlight-match-wrapper.bottom-actions .cta-container {
        display: none
    }
}

@media (max-width:767.98px) {
    .highlight-match-wrapper.bottom-actions .cta-container {
        flex: 1 1 100%;
        margin-top: 32px
    }
}

.ticket-wrapper {
    height: 400px;
    max-width: 320px;
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    .ticket-wrapper {
        max-width: 874px
    }
}

@media (max-width:991.98px) {
    .ticket-wrapper:has(.subscription) {
        border-radius: 10px;
        overflow: hidden
    }
}

.ticket-wrapper .background-texture {
    height: 1100px;
    position: absolute;
    right: 0;
    top: -200px;
    width: 100%
}

@media (min-width:992px) {
    .ticket-wrapper .mbl {
        display: none !important
    }
}

@media (max-width:991.98px) {
    .ticket-wrapper .dsk {
        display: none !important
    }
}

.ticket-wrapper .ticket-content {
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ticket-wrapper .ticket-content.subscription {
    -o-border-image: url(../img/bk-subscription-mbl.svg) 0 fill;
    border-image: url(../img/bk-subscription-mbl.svg) 0 fill
}

@media (min-width:992px) {
    .ticket-wrapper .ticket-content.subscription {
        -o-border-image: url(../img/bk-subscription-dsk.svg) 0 fill;
        border-image: url(../img/bk-subscription-dsk.svg) 0 fill
    }
}

.ticket-wrapper .ticket-content:not(.subscription) .player-img-container {
    -o-border-image: url(../img/dk-biglietto-viola-singolo-parte-sinistra.png) 0 fill;
    border-image: url(../img/dk-biglietto-viola-singolo-parte-sinistra.png) 0 fill
}

@media (min-width:992px) {
    .ticket-wrapper .ticket-content:not(.subscription) .ticket-info {
        -o-border-image: url(../img/dk-biglietto-viola-singolo-parte-destra.png) 0 fill;
        border-image: url(../img/dk-biglietto-viola-singolo-parte-destra.png) 0 fill
    }
}

.ticket-wrapper .player-img-container {
    height: 100%;
    position: relative;
    width: 240px
}

@media (min-width:992px) {
    .ticket-wrapper .player-img-container {
        border-bottom-left-radius: 10px;
        overflow: hidden
    }
}

.ticket-wrapper .ticket-info {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width:992px) {
    .ticket-wrapper .ticket-info {
        padding: 40px 46px
    }
}

@media (max-width:991.98px) {
    .ticket-wrapper .ticket-info {
        align-items: center;
        text-align: center
    }
}

.ticket-wrapper .ticket-info .row-wrapper {
    color: #fff;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .ticket-wrapper .ticket-info .row-wrapper {
        margin-bottom: 14px
    }
}

.ticket-wrapper .ticket-info .label {
    font-size: .6875rem;
    letter-spacing: -.004em;
    line-height: 1.4;
    text-transform: uppercase
}

@media (min-width:992px) {
    .ticket-wrapper .ticket-info .label {
        font-size: 1.125rem
    }
}

.ticket-wrapper .ticket-info .small {
    font-size: .75rem;
    letter-spacing: -.004em;
    line-height: 1.4
}

.ticket-wrapper .ticket-info .caption {
    font-size: .75rem;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.004em
}

@media (min-width:992px) {
    .ticket-wrapper .ticket-info .caption {
        font-size: 1.375rem
    }
}

.ticket-wrapper .ticket-info .caption.caption-medium {
    font-size: 1.125rem
}

@media (min-width:992px) {
    .ticket-wrapper .ticket-info .caption.caption-medium {
        font-size: 1.625rem
    }
}

.ticket-wrapper .ticket-info .caption.caption-big {
    font-size: 1.5rem
}

@media (min-width:992px) {
    .ticket-wrapper .ticket-info .caption.caption-big {
        font-size: 2rem
    }
}

.ticket-wrapper .ticket-info .owner {
    display: block;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none
}

.ticket-wrapper .ticket-info .seat {
    display: flex;
    gap: 20px;
    justify-content: center;
    width: 100%
}

@media (min-width:992px) {
    .ticket-wrapper .ticket-info .seat {
        gap: 36px;
        justify-content: flex-start
    }
}

.ticket-wrapper .ticket-info .seat>div .label {
    display: block
}

@media (max-width:991.98px) {
    .ticket-wrapper .ticket-info .seat>div .label {
        text-align: center
    }
}

.ticket-wrapper .sponsor-image {
    margin-bottom: 14px;
    width: 40px
}

@media (min-width:992px) {
    .ticket-wrapper .sponsor-image {
        bottom: 40px;
        margin-bottom: 0;
        position: absolute;
        right: 46px;
        width: 54px
    }
}

.ticket-wrapper .ticket-content .lower-side,
.ticket-wrapper .ticket-content .upper-side {
    width: 100%
}

@media (max-width:991.98px) {
    .ticket-wrapper .ticket-content {
        padding: 18px 16px
    }
    .ticket-wrapper .ticket-content:not(.subscription) {
        -o-border-image: url(../img/mb-biglietto-viola-intero.png) 0 fill;
        border-image: url(../img/mb-biglietto-viola-intero.png) 0 fill
    }
    .ticket-wrapper .ticket-content .upper-side {
        flex: 1
    }
    .ticket-wrapper .ticket-content .lower-side {
        flex: 0 0 auto
    }
    .ticket-wrapper .ticket-content .lower-side .ticket-cta {
        display: block;
        margin: 0 auto;
        max-width: 200px;
        text-align: center;
        white-space: wrap
    }
    .ticket-wrapper .ticket-content.torn:not(.subscription) {
        -o-border-image: none;
        border-image: none;
        padding: 0
    }
    .ticket-wrapper .ticket-content.torn:not(.subscription) .upper-side {
        -o-border-image: url(../img/mb-biglietto-viola-parte-sopra.png) 0 fill;
        border-image: url(../img/mb-biglietto-viola-parte-sopra.png) 0 fill;
        filter: grayscale(1);
        flex: 0 0 auto;
        margin-bottom: 0;
        padding: 18px 16px;
        rotate: 13deg;
        z-index: -1
    }
    .ticket-wrapper .ticket-content.torn:not(.subscription) .lower-side {
        align-items: flex-end;
        -o-border-image: url(../img/mb-biglietto-viola-parte-sotto.png) 0 fill;
        border-image: url(../img/mb-biglietto-viola-parte-sotto.png) 0 fill;
        display: flex;
        filter: grayscale(1);
        flex: 1 1 auto;
        padding: 18px 16px
    }
}

@media (min-width:992px) {
    .ticket-wrapper .ticket-content.torn:not(.subscription) .player-img-container {
        filter: grayscale(1);
        rotate: -10deg
    }
    .ticket-wrapper .ticket-content.torn:not(.subscription) .ticket-info {
        filter: grayscale(1);
        rotate: 10deg;
        z-index: -1
    }
}

.subscription-wrapper {
    background-image: url(../img/card-subscription-mbl.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 11px;
    height: 412px;
    max-width: 320px;
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    .subscription-wrapper {
        background-image: url(../img/card-subscription-dsk.png);
        height: 400px;
        max-width: 874px
    }
}

.subscription-wrapper .content {
    align-items: flex-start;
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    padding: 34px 32px;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width:992px) {
    .subscription-wrapper .content {
        padding: 40px 54px
    }
}

@media (max-width:991.98px) {
    .subscription-wrapper .content {
        align-items: center;
        text-align: center
    }
}

.subscription-wrapper .content .fiorentina-logo {
    margin-bottom: 8px;
    width: 64px
}

@media (min-width:992px) {
    .subscription-wrapper .content .fiorentina-logo {
        margin-bottom: 28px;
        width: 76px
    }
}

.subscription-wrapper .content .sponsor-logo {
    margin-bottom: 22px
}

@media (min-width:992px) {
    .subscription-wrapper .content .sponsor-logo {
        bottom: 40px;
        margin-bottom: 0;
        position: absolute;
        right: 54px
    }
}

.subscription-wrapper .content .row-wrapper {
    color: #fff;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .subscription-wrapper .content .row-wrapper {
        margin-bottom: 14px
    }
}

.subscription-wrapper .content .label {
    font-size: .6875rem;
    letter-spacing: -.004em;
    line-height: 1.4;
    text-transform: uppercase
}

@media (min-width:992px) {
    .subscription-wrapper .content .label {
        font-size: 1.125rem
    }
}

.subscription-wrapper .content .small {
    font-size: .75rem;
    letter-spacing: -.004em;
    line-height: 1.4
}

.subscription-wrapper .content .caption {
    font-size: .75rem;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.004em
}

@media (min-width:992px) {
    .subscription-wrapper .content .caption {
        font-size: 1.375rem
    }
}

.subscription-wrapper .content .caption.caption-medium {
    font-size: 1.125rem
}

@media (min-width:992px) {
    .subscription-wrapper .content .caption.caption-medium {
        font-size: 1.625rem
    }
}

.subscription-wrapper .content .caption.caption-big {
    font-size: 1.5rem
}

@media (min-width:992px) {
    .subscription-wrapper .content .caption.caption-big {
        font-size: 2rem
    }
}

.subscription-wrapper .content .seat {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 16px;
    width: 100%
}

@media (min-width:992px) {
    .subscription-wrapper .content .seat {
        gap: 36px;
        justify-content: flex-start;
        margin-top: 0
    }
}

.subscription-wrapper .content .seat>div .label {
    display: block
}

@media (max-width:991.98px) {
    .subscription-wrapper .content .seat>div .label {
        text-align: center
    }
}

.subscription-wrapper .content .ticket-cta {
    margin-top: auto
}

.sticky-wrapper {
    bottom: 40px;
    display: flex;
    justify-content: center;
    margin-top: 48px;
    position: sticky;
    z-index: 1
}

.sticky-wrapper .page-switcher-bar {
    background-color: #fff;
    clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
    padding: 1px
}

@media (min-width:1200px) {
    .sticky-wrapper .page-switcher-bar {
        clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%)
    }
}

.sticky-wrapper .page-switcher-bar .btn-group .btn {
    --bs-btn-color: #000;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    --bs-btn-hover-bg: #5b28a1;
    --bs-btn-hover-border-color: #5b28a1;
    --bs-btn-active-bg: #5b28a1;
    --bs-btn-active-border-color: #5b28a1;
    clip-path: polygon(13.3px 0, calc(100% - 13.3px) 0, 100% 50%, calc(100% - 13.3px) 100%, 13.3px 100%, 0 50%);
    font-size: .75rem;
    font-weight: 600;
    min-width: 106px;
    padding: 6px 14px;
    text-decoration: none;
    text-transform: uppercase
}

@media (min-width:1200px) {
    .sticky-wrapper .page-switcher-bar .btn-group .btn {
        clip-path: polygon(15.3px 0, calc(100% - 15.3px) 0, 100% 50%, calc(100% - 15.3px) 100%, 15.3px 100%, 0 50%);
        font-size: .8125rem;
        min-width: 122px;
        padding-bottom: 8px;
        padding-top: 8px
    }
}

.palmares-box {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    overflow: hidden;
    padding-bottom: 24px;
    padding-top: 24px;
    position: relative;
    z-index: 0
}

@media (min-width:992px) {
    .palmares-box {
        padding-bottom: 64px;
        padding-top: 64px
    }
}

.palmares-box:nth-child(2n) {
    text-align: right
}

.palmares-box:nth-child(2n) .box-tag-wrapper {
    flex-direction: row-reverse
}

@media (max-width:991.98px) {
    .palmares-box {
        border: 1px solid hsla(0, 0%, 100%, .1);
        margin-bottom: 24px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.palmares-box .background-texture {
    left: 0;
    opacity: 0;
    top: 0;
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
    width: 120%;
    z-index: -1
}

@media (min-width:992px) {
    .palmares-box:has(.palmares-container: hover) {
        background:linear-gradient(19.83deg, #361e61 65.87%, #4c298a 105.93%)
    }
    .palmares-box:has(.palmares-container:hover) .background-texture {
        opacity: 1
    }
}

.palmares-box .palmares-container {
    color: #fff;
    display: flex;
    flex-direction: column
}

.palmares-box .palmares-container .box-tag-wrapper {
    display: flex;
    justify-content: space-between
}

.palmares-box .palmares-container .squared-label {
    color: #fff
}

.palmares-box .palmares-container .squared-label:before {
    background-color: #fff
}

.palmares-box .palmares-container>a {
    text-decoration: none
}

.palmares-box .palmares-container .palmares-date {
    font-size: .8125rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.4;
    text-transform: uppercase
}

@media (min-width:992px) {
    .palmares-box .palmares-container .palmares-date {
        font-size: 1.25rem
    }
}

.palmares-box .palmares-container .title {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.04em;
    margin: 24px 0;
    text-transform: uppercase
}

@media (min-width:992px) {
    .palmares-box .palmares-container .title {
        font-size: 1.375rem
    }
}

.palmares-box .palmares-container .box-img-container {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    padding-bottom: 62%;
    position: relative;
    width: 100%
}

.palmares-box .palmares-container .details-btn {
    align-self: flex-start;
    margin-top: 24px;
    text-transform: uppercase
}

@media (min-width:992px) {
    .palmares-box .palmares-container .details-btn {
        display: none
    }
}

.experience-box {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding-bottom: 24px;
    padding-top: 24px;
    position: relative;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
    z-index: 0
}

@media (min-width:992px) {
    .experience-box {
        padding-bottom: 64px;
        padding-top: 64px
    }
}

@media (max-width:767.98px) {
    .experience-box {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.experience-box .background-texture {
    left: 0;
    opacity: 0;
    top: 0;
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
    width: 120%;
    z-index: -1
}

.experience-box:has(.experience-container:hover) {
    background-color: #351f63
}

.experience-box:has(.experience-container:hover) .background-texture {
    opacity: 1
}

.experience-box:has(.experience-container:hover) .experience-container .title {
    color: #fff
}

.experience-box .experience-container {
    color: #fff;
    display: flex;
    flex-direction: column
}

.experience-box .experience-container>a {
    text-decoration: none
}

.experience-box .experience-container .title {
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.04em;
    margin: 24px 0;
    text-transform: uppercase;
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:992px) {
    .experience-box .experience-container .title {
        font-size: 1.375rem
    }
}

.experience-box .experience-container .box-img-container {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    padding-bottom: 62%;
    position: relative;
    width: 100%
}

#lightboxModal .modal-dialog {
    height: 100%;
    margin: 0;
    max-width: none;
    padding-top: 84px !important;
    padding: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

@media (min-width:768px) {
    #lightboxModal .modal-dialog {
        padding: 32px
    }
}

@media (min-width:992px) {
    #lightboxModal .modal-dialog {
        padding: 64px
    }
}

#lightboxModal .modal-btn-close {
    background-color: #fff;
    border: 1px solid #5b28a1;
    height: 1.5em;
    padding: .35em;
    position: absolute;
    right: 28px;
    top: 46px;
    transform: translate(50%, -50%) rotate(45deg);
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
    width: 1.5em;
    z-index: 10
}

@media (min-width:992px) {
    #lightboxModal .modal-btn-close {
        right: 32px
    }
}

#lightboxModal .modal-btn-close:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") no-repeat;
    content: "";
    display: block;
    height: 100%;
    transform: rotate(-45deg);
    width: 100%
}

#lightboxModal .modal-btn-close:focus-visible {
    background-color: #5b28a1
}

#lightboxModal .modal-btn-close:focus-visible:after {
    filter: invert(1)
}

#lightboxModal .modal-btn-close:active {
    background-color: #5b28a1
}

#lightboxModal .modal-btn-close:active:after {
    filter: invert(1)
}

@media (hover:hover) {
    #lightboxModal .modal-btn-close:hover {
        background-color: #5b28a1
    }
    #lightboxModal .modal-btn-close:hover:after {
        filter: invert(1)
    }
}

#lightboxModal .modal-content {
    background: transparent;
    border: none;
    height: 100%;
    position: static
}

#lightboxModal .modal-body {
    padding: 32px
}

#lightboxModal #mainLightboxSlider {
    height: 80%;
    margin-bottom: 10px;
    position: relative
}

#lightboxModal #mainLightboxSlider .scroll-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

@media (max-width:767.98px) {
    #lightboxModal #mainLightboxSlider .scroll-arrow {
        display: none
    }
}

#lightboxModal #mainLightboxSlider .scroll-arrow.scroll-arrow-l {
    left: 16px
}

#lightboxModal #mainLightboxSlider .scroll-arrow.scroll-arrow-r {
    right: 16px
}

#lightboxModal #thumbsLightboxSlider {
    height: 20%
}

#lightboxModal #thumbsLightboxSlider .swiper-slide {
    background-color: #000
}

#lightboxModal #thumbsLightboxSlider .swiper-slide img {
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .4;
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1)
}

#lightboxModal #thumbsLightboxSlider .swiper-slide-thumb-active img {
    opacity: 1
}

body.lightbox-open .modal-backdrop {
    --bs-backdrop-opacity: 0.9
}

#searchModal {
    z-index: 200
}

#searchModal .modal-panel {
    background-color: #fff;
    bottom: 0;
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
    color: #000;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    left: 50%;
    max-height: calc(100dvh - 126px);
    max-width: min(595px, 100% - 2rem);
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

@media (min-width:768px) {
    #searchModal .modal-panel {
        bottom: auto;
        left: 0;
        max-height: none;
        max-width: min(700px, 100% - 2rem);
        right: auto;
        top: 0
    }
}

@media (min-width:992px) {
    #searchModal .modal-panel {
        max-width: min(800px, 100% - 2rem)
    }
}

@media (min-width:1200px) {
    #searchModal .modal-panel {
        max-width: min(1000px, 100% - 2rem)
    }
}

#searchModal .modal-panel [data-overlayscrollbars-viewport] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

#searchModal .modal-panel .os-scrollbar-vertical {
    right: 3px
}

@media (min-width:576px) {
    #searchModal .modal-panel .os-scrollbar-vertical {
        right: 10px
    }
}

#searchModal .modal-panel .modal-body-container {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

#searchModal .modal-panel .header {
    background: linear-gradient(26.43deg, #361e61 57.24%, #4c298a 107.43%);
    flex: 0 0 auto;
    letter-spacing: -.04em;
    overflow: hidden;
    padding: 48px 1rem;
    position: relative;
    text-transform: uppercase
}

@media (min-width:576px) {
    #searchModal .modal-panel .header {
        padding: 48px 40px
    }
}

@media (min-width:768px) {
    #searchModal .modal-panel .header {
        padding: 80px 50px
    }
}

#searchModal .modal-panel .header .custom-modal-btn-close {
    left: 24px;
    right: unset
}

#searchModal .modal-panel .header .background-texture {
    left: -100px;
    top: -230px;
    width: 160%;
    z-index: 0
}

@media (min-width:768px) {
    #searchModal .modal-panel .header .background-texture {
        left: -200px;
        top: -540px
    }
}

#searchModal .modal-panel .header .search-input-wrapper {
    background-color: #5b28a1;
    clip-path: polygon(25px 0, calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, 25px 100%, 0 50%);
    height: 50px;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 280px
}

@media (min-width:1200px) {
    #searchModal .modal-panel .header .search-input-wrapper {
        clip-path: polygon(28px 0, calc(100% - 28px) 0, 100% 50%, calc(100% - 28px) 100%, 28px 100%, 0 50%);
        height: 56px;
        width: 450px
    }
}

#searchModal .modal-panel .header .search-input-wrapper .form-control-search {
    background-color: #fff;
    border: none;
    clip-path: polygon(24.3px 0, calc(100% - 24.3px) 0, 100% 50%, calc(100% - 24.3px) 100%, 24.3px 100%, 0 50%);
    color: #000;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    height: calc(100% - 2px);
    left: 1px;
    letter-spacing: -.04em;
    outline: none;
    padding-left: 48.3px;
    padding-right: 24.3px;
    position: relative;
    top: 1px;
    width: calc(100% - 2px)
}

@media (min-width:1200px) {
    #searchModal .modal-panel .header .search-input-wrapper .form-control-search {
        clip-path: polygon(27.3px 0, calc(100% - 27.3px) 0, 100% 50%, calc(100% - 27.3px) 100%, 27.3px 100%, 0 50%);
        font-size: 1.0625rem;
        padding-left: 55.3px
    }
}

#searchModal .modal-panel .header .search-input-wrapper .form-control-search::-webkit-search-cancel-button,
#searchModal .modal-panel .header .search-input-wrapper .form-control-search::-webkit-search-decoration,
#searchModal .modal-panel .header .search-input-wrapper .form-control-search::-webkit-search-results-button,
#searchModal .modal-panel .header .search-input-wrapper .form-control-search::-webkit-search-results-decoration {
    -webkit-appearance: none
}

#searchModal .modal-panel .header .search-input-wrapper .form-control-search.form-control:focus {
    background-color: #fff
}

#searchModal .modal-panel .header .search-input-wrapper button {
    left: 22px;
    padding: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

@media (min-width:1200px) {
    #searchModal .modal-panel .header .search-input-wrapper button {
        transform: translateY(calc(-50% - 1px))
    }
}

#searchModal .modal-panel .header .search-input-wrapper button img {
    height: 14px;
    width: auto
}

@media (min-width:1200px) {
    #searchModal .modal-panel .header .search-input-wrapper button img {
        height: 17px
    }
}

#searchModal .modal-panel .modal-content {
    height: 100%;
    padding: 40px;
    position: relative
}

@media (min-width:768px) {
    #searchModal .modal-panel .modal-content {
        padding: 80px 40px
    }
}

#searchModal .modal-panel .modal-content .fade {
    pointer-events: none;
    transition-property: visibility, opacity;
    visibility: hidden
}

#searchModal .modal-panel .modal-content .fade:not(.search-result-table,
#searchLoading) {
    left: 40px;
    position: absolute;
    right: 40px;
    top: 80px
}

#searchModal .modal-panel .modal-content .fade.search-result-table {
    height: 0;
    overflow: hidden
}

#searchModal .modal-panel .modal-content .show {
    pointer-events: auto;
    visibility: visible
}

#searchModal .modal-panel .modal-content .show.search-result-table {
    height: auto;
    overflow: auto
}

@media (max-width:767.98px) {
    #searchModal .modal-panel {
        transition-property: opacity, margin
    }
    #searchModal .modal-panel.animate {
        margin-bottom: -20px
    }
    #searchModal .modal-panel.in {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    #searchModal .modal-panel {
        transition-property: opacity, transform
    }
    #searchModal .modal-panel.current-step.animate {
        transform: translateX(20px)
    }
    #searchModal .modal-panel.current-step.in {
        transform: translateX(0)
    }
    #searchModal .modal-panel.current-step.out {
        transform: translateX(40px)
    }
}

#searchModal .modal-panel #searchLoading {
    left: 50%;
    position: absolute;
    top: 30%;
    transform: translate(-50%, -50%)
}

#searchModal .modal-panel .text-wrapper {
    color: #000
}

#searchModal .modal-panel .text-wrapper .placeholder-title {
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media (min-width:992px) {
    #searchModal .modal-panel .text-wrapper .placeholder-title {
        font-size: 1.5rem
    }
}

#searchModal .modal-panel .text-wrapper .placeholder-text {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    max-width: 600px
}

@media (min-width:992px) {
    #searchModal .modal-panel .text-wrapper .placeholder-text {
        font-size: 1rem
    }
}

#searchModal .modal-panel .search-result-table {
    border-top: 1px solid #ddd;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-left: -40px;
    margin-right: -40px
}

@media (min-width:992px) {
    #searchModal .modal-panel .search-result-table {
        grid-template-columns: repeat(2, 1fr)
    }
}

#searchModal .modal-panel .search-result-table .result-table-cell {
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

@media (min-width:992px) {
    #searchModal .modal-panel .search-result-table .result-table-cell:nth-child(odd) {
        border-right: 1px solid #ddd
    }
    #searchModal .modal-panel .search-result-table .result-table-cell:nth-child(2n) {
        border-left: 1px solid transparent
    }
}

#searchModal .modal-panel .search-result-table .result-table-cell .news-box {
    border: none;
    margin: 0;
    padding: 32px 16px
}

@media (min-width:768px) {
    #searchModal .modal-panel .search-result-table .result-table-cell .news-box {
        padding: 40px
    }
    #searchModal .modal-panel .search-result-table .result-table-cell .news-box .actions-wrapper {
        flex-direction: column-reverse;
        gap: 26px;
        position: relative
    }
    #searchModal .modal-panel .search-result-table .result-table-cell .news-box .actions-wrapper .tag-wrapper {
        position: absolute;
        right: 0;
        top: 0
    }
}

.schedule-list {
    padding-top: 64px
}

@media (min-width:992px) {
    .schedule-list {
        padding-top: 80px
    }
}

.schedule-list .schedule-title {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.25;
    margin-bottom: 44px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    .schedule-list .schedule-title {
        font-size: 2rem;
        margin-bottom: 60px
    }
}

.schedule-list .match-wrapper {
    position: relative
}

@media (max-width:991.98px) {
    .schedule-list .match-wrapper {
        border-bottom: 1px solid hsla(0, 0%, 100%, .25)
    }
}

.schedule-list .match-wrapper:before,
.schedule-list .match-wrapper:last-child:after {
    background-color: hsla(0, 0%, 100%, .25);
    clip-path: polygon(0 15px, 30% 15px, calc(30% + 15px) 0, 70% 0, calc(70% + 15px) 15px, 100% 15px, 100% 16px, calc(70% + 15px) 16px, 70% 1px, calc(30% + 15px) 1px, 30% 16px, 0 16px);
    height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width:992px) {
    .schedule-list .match-wrapper:before,
    .schedule-list .match-wrapper:last-child:after {
        content: ""
    }
}

@media (min-width:1500px) {
    .schedule-list .match-wrapper:before,
    .schedule-list .match-wrapper:last-child:after {
        clip-path: polygon(0 15px, 33% 15px, calc(33% + 15px) 0, 66% 0, calc(66% + 15px) 15px, 100% 15px, 100% 16px, calc(66% + 15px) 16px, 66% 1px, calc(33% + 15px) 1px, 33% 16px, 0 16px)
    }
}

.schedule-list .match-wrapper:after {
    bottom: 0;
    top: unset !important
}

@media (min-width:992px) {
    .schedule-list .match-wrapper .match-container {
        padding-bottom: 56px;
        padding-top: 56px
    }
    .schedule-list .match-wrapper:last-child .match-container {
        padding-bottom: 76px
    }
}

#ticketMatchDetailsModal .modal-panel .header {
    background-color: #56358b;
    color: #fff;
    letter-spacing: -.04em;
    overflow: hidden;
    position: relative;
    text-transform: uppercase
}

#ticketMatchDetailsModal .modal-panel .header .background-texture {
    top: -170px;
    width: 400%;
    z-index: 0
}

@media (min-width:768px) {
    #ticketMatchDetailsModal .modal-panel .header .background-texture {
        top: -50px;
        width: 100%
    }
}

#ticketMatchDetailsModal .modal-panel .expansion-item {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 20px 0
}

#ticketMatchDetailsModal .modal-panel .expansion-item .collapse-wrapper>:first-child {
    padding-top: 24px
}

@media (min-width:992px) {
    #ticketMatchDetailsModal .modal-panel .expansion-item .collapse-wrapper>:first-child {
        padding-top: 40px
    }
}

#ticketMatchDetailsModal .modal-panel .expansion-item .expansion-title {
    color: #000;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin-bottom: 0;
    padding-right: 60px;
    position: relative
}

@media (min-width:992px) {
    #ticketMatchDetailsModal .modal-panel .expansion-item .expansion-title {
        font-size: 1.5rem
    }
}

#ticketMatchDetailsModal .modal-panel .expansion-item .btn-toggle {
    --bs-btn-color: #000;
    --bs-btn-hover-color: #000;
    --bs-btn-active-color: #000;
    font-size: .8125rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width:1200px) {
    #ticketMatchDetailsModal .modal-panel .expansion-item .btn-toggle {
        font-size: .875rem
    }
}

#ticketMatchDetailsModal .modal-panel .expansion-item .btn-toggle span:before {
    content: "+";
    margin-right: 6px
}

#ticketMatchDetailsModal .modal-panel .expansion-item:has([aria-expanded=true]) .btn-toggle span:before {
    content: "-"
}

#ticketMatchDetailsModal .modal-panel .table {
    margin-bottom: 0
}

#ticketMatchDetailsModal .modal-panel .table .table-content .table-row .cell {
    color: #000;
    font-weight: 400
}

#ticketMatchDetailsModal .modal-panel .table .table-content .table-row .cell .highlighter {
    color: #5b28a1
}

#ticketMatchDetailsModal .modal-panel .table .desktop-table .table-header .cell {
    font-size: .75rem;
    padding: 0 0 16px
}

#ticketMatchDetailsModal .modal-panel .table .desktop-table .table-content .cell {
    align-items: center;
    display: flex;
    justify-content: center
}

#ticketMatchDetailsModal .modal-panel .table .mobile-table {
    border-bottom: none;
    padding-bottom: 0
}

#ticketMatchDetailsModal .modal-panel .table .mobile-table .row-spacer {
    margin-bottom: 40px
}

.banner-ad {
    display: flex;
    margin-bottom: 46px;
    margin-top: 46px
}

@media (min-width:992px) {
    .banner-ad {
        margin-bottom: 80px;
        margin-top: 80px
    }
}

@media (min-width:2000px) {
    .banner-ad {
        max-width: 1440px
    }
}

.banner-ad>a {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-decoration: none
}

.banner-ad .banner-image {
    height: auto;
    width: 100%
}

.banner-ad .caption {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 3
}

@media (max-width:991.98px) {
    .banner-ad .caption {
        flex-wrap: wrap;
        left: 0;
        padding: 20px
    }
}

@media (min-width:992px) {
    .banner-ad .caption {
        flex-direction: column;
        padding: 20px 30px;
        right: 0;
        text-align: right
    }
}

.banner-ad .caption .caption-wrapper {
    display: flex;
    flex-direction: column;
    letter-spacing: -.04em
}

@media (min-width:992px) {
    .banner-ad .caption .caption-wrapper {
        flex-direction: column
    }
}

.banner-ad .caption .caption-title {
    font-size: 1.375rem;
    line-height: 1.4;
    margin-bottom: 8px;
    text-transform: uppercase
}

@media (min-width:992px) {
    .banner-ad .caption .caption-title {
        font-size: 1.75rem;
        max-width: 220px
    }
}

@media (min-width:1200px) {
    .banner-ad .caption .caption-title {
        max-width: 300px
    }
}

@media (min-width:1500px) {
    .banner-ad .caption .caption-title {
        max-width: 400px
    }
}

@media (min-width:992px) {
    .banner-ad .caption .caption-title {
        margin-left: auto
    }
}

@media (max-width:991.98px) {
    .banner-ad .caption .caption-title {
        flex: 1 1 auto;
        text-align: center;
        width: 100%
    }
}

.banner-ad .caption .caption-text {
    font-size: .875rem;
    line-height: 1.2;
    margin-bottom: 8px
}

@media (min-width:992px) {
    .banner-ad .caption .caption-text {
        font-size: 1rem
    }
}

@media (max-width:991.98px) {
    .banner-ad .caption .caption-wrapper,
    .banner-ad .caption .fake-cta {
        align-self: flex-end;
        max-width: calc(50% - 8px)
    }
}

@media (max-width:991.98px) and (min-width:992px) {
    .banner-ad .caption .caption-wrapper,
    .banner-ad .caption .fake-cta {
        max-width: 100%
    }
}

.banner-ad .caption .fake-cta {
    text-transform: uppercase
}

@media (min-width:992px) {
    .banner-ad .caption .fake-cta {
        margin-top: 40px
    }
}

.banner-ad .caption .light {
    font-weight: 300
}

#shareLinkModal {
    color: #000;
    letter-spacing: -.04em
}

#shareLinkModal .modal-dialog {
    --bs-modal-width: 600px;
    --bs-modal-bg: #fff
}

#shareLinkModal .modal-content .modal-btn-close {
    background-color: #fff;
    border: 1px solid #5b28a1;
    height: 1.5em;
    padding: .35em;
    position: absolute;
    right: 26px;
    top: 26px;
    transform: translate(50%, -50%) rotate(45deg);
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
    width: 1.5em;
    z-index: 10
}

#shareLinkModal .modal-content .modal-btn-close:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") no-repeat;
    content: "";
    display: block;
    height: 100%;
    transform: rotate(-45deg);
    width: 100%
}

#shareLinkModal .modal-content .modal-btn-close:focus-visible {
    background-color: #5b28a1
}

#shareLinkModal .modal-content .modal-btn-close:focus-visible:after {
    filter: invert(1)
}

#shareLinkModal .modal-content .modal-btn-close:active {
    background-color: #5b28a1
}

#shareLinkModal .modal-content .modal-btn-close:active:after {
    filter: invert(1)
}

@media (hover:hover) {
    #shareLinkModal .modal-content .modal-btn-close:hover {
        background-color: #5b28a1
    }
    #shareLinkModal .modal-content .modal-btn-close:hover:after {
        filter: invert(1)
    }
}

#shareLinkModal .modal-content .modal-body {
    --bs-modal-padding: 24px
}

#shareLinkModal .modal-content .modal-body .social-header {
    align-items: center;
    display: flex;
    padding-right: 26px
}

#shareLinkModal .modal-content .modal-body .social-header .fiorentina-logo {
    margin-right: 16px;
    width: 56px
}

#shareLinkModal .modal-content .modal-body .social-header .title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.75;
    margin: 0;
    overflow: hidden
}

#shareLinkModal .modal-content .modal-body .social-header .text {
    color: #5f6368;
    font-size: .875rem
}

#shareLinkModal .modal-content .modal-body .social-wrapper {
    -moz-column-gap: 22px;
    column-gap: 22px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 40px;
    margin-top: 40px;
    row-gap: 20px
}

#shareLinkModal .modal-content .modal-body .social-wrapper .social {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    text-decoration: none
}

@media (min-width:576px) {
    #shareLinkModal .modal-content .modal-body .social-wrapper .social {
        font-size: .875rem
    }
}

#shareLinkModal .modal-content .modal-body .social-wrapper .social .social-image-wrapper {
    border-radius: 50%;
    margin-bottom: 12px;
    padding: 6px
}

@media (min-width:576px) {
    #shareLinkModal .modal-content .modal-body .social-wrapper .social .social-image-wrapper {
        padding: 16px
    }
}

#shareLinkModal .modal-content .modal-body .social-wrapper .social img {
    width: 24px
}

@media (min-width:576px) {
    #shareLinkModal .modal-content .modal-body .social-wrapper .social img {
        width: 30px
    }
}

#shareLinkModal .modal-content .modal-body .input-wrapper {
    background-color: #fff;
    border: 1px solid #dadce0;
    display: flex;
    height: 56px
}

#shareLinkModal .modal-content .modal-body .input-wrapper input {
    background-color: transparent;
    border: none !important;
    color: #3c4043;
    font-size: 1rem;
    height: 100%;
    padding-left: 16px;
    width: 100%
}

#shareLinkModal .modal-content .modal-body .input-wrapper input:active,
#shareLinkModal .modal-content .modal-body .input-wrapper input:focus {
    box-shadow: none;
    outline: none
}

#shareLinkModal .modal-content .modal-body .input-wrapper .share-btn {
    color: #5b28a1;
    flex: 0 0 auto;
    font-size: .875rem;
    margin-left: 12px;
    margin-right: 8px;
    padding: 0
}

@media (min-width:768px) {
    .card-experience {
        display: flex;
        flex-direction: column-reverse
    }
}

.card-experience .aspect-ratio-min-height-spacer {
    padding-bottom: 133.3333% !important
}

.card-experience a.card-box {
    text-decoration: none
}

.card-experience a.card-box .background-cover {
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1)
}

.card-experience a.card-box:focus-visible .background-cover {
    transform: scale(1.12)
}

.card-experience a.card-box:active .background-cover {
    transform: scale(1.12)
}

@media (hover:hover) {
    .card-experience a.card-box:hover .background-cover {
        transform: scale(1.12)
    }
}

.card-experience .card-box {
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .card-experience .card-box {
        height: 480px;
        width: 360px
    }
}

@media (min-width:992px) {
    .card-experience .card-box {
        height: 600px;
        width: 450px
    }
}

.card-experience .card-box .background-contain,
.card-experience .card-box .background-cover {
    z-index: -1
}

.card-experience .card-box .background-cover {
    background-color: #260e51
}

.card-experience .card-box .container-fluid,
.card-experience .card-box .container-lg,
.card-experience .card-box .container-md,
.card-experience .card-box .container-sm,
.card-experience .card-box .container-xl,
.card-experience .card-box .container-xxl,
.card-experience .card-box .container-xxxl {
    align-items: center;
    background-image: linear-gradient(180deg, transparent, #000);
    display: flex;
    flex-direction: column;
    padding: 2rem
}

@media (min-width:576px) {
    .card-experience .card-box .container-fluid,
    .card-experience .card-box .container-lg,
    .card-experience .card-box .container-md,
    .card-experience .card-box .container-sm,
    .card-experience .card-box .container-xl,
    .card-experience .card-box .container-xxl,
    .card-experience .card-box .container-xxxl {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width:768px) {
    .card-experience .card-box .container-fluid,
    .card-experience .card-box .container-lg,
    .card-experience .card-box .container-md,
    .card-experience .card-box .container-sm,
    .card-experience .card-box .container-xl,
    .card-experience .card-box .container-xxl,
    .card-experience .card-box .container-xxxl {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width:992px) {
    .card-experience .card-box .container-fluid,
    .card-experience .card-box .container-lg,
    .card-experience .card-box .container-md,
    .card-experience .card-box .container-sm,
    .card-experience .card-box .container-xl,
    .card-experience .card-box .container-xxl,
    .card-experience .card-box .container-xxxl {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width:576px) {
    .card-experience .card-box .container-fluid,
    .card-experience .card-box .container-lg,
    .card-experience .card-box .container-md,
    .card-experience .card-box .container-sm,
    .card-experience .card-box .container-xl,
    .card-experience .card-box .container-xxl,
    .card-experience .card-box .container-xxxl {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

@media (min-width:768px) {
    .card-experience .card-box .container-fluid,
    .card-experience .card-box .container-lg,
    .card-experience .card-box .container-md,
    .card-experience .card-box .container-sm,
    .card-experience .card-box .container-xl,
    .card-experience .card-box .container-xxl,
    .card-experience .card-box .container-xxxl {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

@media (min-width:992px) {
    .card-experience .card-box .container-fluid,
    .card-experience .card-box .container-lg,
    .card-experience .card-box .container-md,
    .card-experience .card-box .container-sm,
    .card-experience .card-box .container-xl,
    .card-experience .card-box .container-xxl,
    .card-experience .card-box .container-xxxl {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.card-experience .card-box .header {
    align-self: center;
    margin-bottom: auto;
    text-align: center
}

.card-experience .card-box .header .logo {
    height: 40px;
    margin-bottom: 14px;
    width: auto
}

@media (min-width:576px) {
    .card-experience .card-box .header .logo {
        height: 62px
    }
}

@media (min-width:768px) {
    .card-experience .card-box .header .logo {
        height: 40px
    }
}

@media (min-width:992px) {
    .card-experience .card-box .header .logo {
        height: 62px
    }
}

@media (min-width:576px) {
    .card-experience .card-box .header .logo {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .card-experience .card-box .header .logo {
        margin-bottom: 14px
    }
}

@media (min-width:992px) {
    .card-experience .card-box .header .logo {
        margin-bottom: 20px
    }
}

.card-experience .card-box .header .header-title {
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:576px) {
    .card-experience .card-box .header .header-title {
        font-size: 1.375rem
    }
}

@media (min-width:768px) {
    .card-experience .card-box .header .header-title {
        font-size: 1.125rem
    }
}

@media (min-width:992px) {
    .card-experience .card-box .header .header-title {
        font-size: 1.375rem
    }
}

@media only screen and (max-width:376px) {
    .card-experience .card-box .header .header-title {
        font-size: 1rem
    }
}

.card-experience .card-box .card-info {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

.card-experience .card-box .card-info .info {
    flex: 0 0 50%;
    text-align: center
}

.card-experience .card-box .card-info .info .icon-label {
    display: block;
    margin: 0 auto;
    width: 26px
}

.card-experience .card-box .card-info .info>span {
    font-size: 1rem;
    letter-spacing: -.04em;
    margin-top: 12px
}

.card-experience .card-box .card-info .card-tags {
    flex: 1 1 auto;
    margin-top: 16px
}

.card-experience .card-box .card-info .card-tags label {
    display: block;
    font-size: .875rem;
    text-align: center;
    width: 100%
}

.card-experience .card-box .card-info .card-tags .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 8px
}

.card-experience .card-box .card-info .card-tags .tags .tag {
    background-color: hsla(0, 0%, 100%, .2);
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
    font-size: .6875rem;
    line-height: 1;
    padding: 4px 8px
}

.card-experience .card-box .banner-title {
    font-size: 2.25rem;
    margin-bottom: auto;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:576px) {
    .card-experience .card-box .banner-title {
        font-size: 3.75rem
    }
}

@media (min-width:768px) {
    .card-experience .card-box .banner-title {
        font-size: 2.25rem
    }
}

@media (min-width:992px) {
    .card-experience .card-box .banner-title {
        font-size: 2.625rem
    }
}

.player-card-wrapper {
    display: block;
    height: 390px;
    max-width: 220px;
    position: relative;
    text-decoration: none;
    width: 100%
}

@media (min-width:992px) {
    .player-card-wrapper {
        height: 560px;
        max-width: 290px
    }
    .player-card-wrapper:hover .clipped-background,
    .player-card-wrapper:hover .player-card-inner {
        transform: scale(1.1)
    }
    .player-card-wrapper:hover .clipped-background {
        bottom: 88px;
        opacity: 1;
        top: 28px
    }
}

@media (min-width:992px) and (min-width:992px) {
    .player-card-wrapper:hover .clipped-background {
        bottom: 154px
    }
}

@media (min-width:992px) {
    .player-card-wrapper:hover .player-card-inner .player-number {
        opacity: 1;
        transform: translateX(0);
        transition-delay: .2s;
        visibility: visible
    }
}

.swiper-slide-active .player-card-wrapper .clipped-background,
.swiper-slide-active .player-card-wrapper .player-card-inner {
    transform: scale(1.1)
}

.swiper-slide-active .player-card-wrapper .clipped-background {
    bottom: 88px;
    opacity: 1;
    top: 28px
}

@media (min-width:992px) {
    .swiper-slide-active .player-card-wrapper .clipped-background {
        bottom: 154px
    }
}

.swiper-slide-active .player-card-wrapper .player-card-inner .player-number {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .2s;
    visibility: visible
}

.player-card-wrapper .clipped-background {
    background-image: linear-gradient(0deg, #351f63, #5b28a1);
    bottom: 80px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    left: 0;
    opacity: .3;
    position: absolute;
    right: 0;
    top: 40px;
    transform-origin: 0 100%;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:992px) {
    .player-card-wrapper .clipped-background {
        bottom: 140px
    }
}

.player-card-wrapper .player-card-inner {
    height: 100%;
    position: relative;
    transform-origin: 0 100%;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1)
}

.player-card-wrapper .player-card-inner .player-container {
    height: calc(100% - 80px);
    position: relative;
    z-index: 1
}

@media (min-width:992px) {
    .player-card-wrapper .player-card-inner .player-container {
        height: calc(100% - 140px)
    }
}

.player-card-wrapper .player-card-inner .player-container img {
    -o-object-position: 0 50%;
    object-position: 0 50%
}

.player-card-wrapper .player-card-inner .player-number {
    font-size: 3.375rem;
    font-style: italic;
    letter-spacing: -.04em;
    margin: 0;
    position: absolute;
    right: -10px;
    top: 8px;
    transition-duration: .3s;
    transition-property: opacity, visibility, transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:992px) {
    .player-card-wrapper .player-card-inner .player-number {
        font-size: 4rem;
        opacity: 0;
        right: 16px;
        top: 0;
        transform: translateX(-20px);
        visibility: hidden
    }
}

.player-card-wrapper .player-name {
    font-size: .875rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 20px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    .player-card-wrapper .player-name {
        font-size: 1rem
    }
}

.player-card-wrapper .player-name .light {
    font-size: 1.25rem
}

@media (min-width:992px) {
    .player-card-wrapper .player-name .light {
        font-size: 1.5rem
    }
}

.live-audio-wrapper .media-file-name {
    font-size: 1.125rem;
    left: 0;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: -28px
}

@media (min-width:768px) {
    .live-audio-wrapper .media-file-name {
        font-size: 1.375rem
    }
}

@media (min-width:992px) {
    .live-audio-wrapper .media-file-name {
        top: -12px
    }
}

.live-audio-wrapper .audio-inner {
    height: 100px;
    margin: 0 auto;
    padding: 0 6px;
    position: relative;
    width: 320px
}

@media (min-width:576px) {
    .live-audio-wrapper .audio-inner {
        width: 340px
    }
}

@media (min-width:768px) {
    .live-audio-wrapper .audio-inner {
        width: 456px
    }
}

@media (min-width:576px) {
    .live-audio-wrapper .audio-inner {
        height: 120px
    }
}

@media (min-width:768px) {
    .live-audio-wrapper .audio-inner {
        height: 200px;
        padding: 20px 0
    }
}

.live-audio-wrapper .audio-inner .audio-outline {
    -o-border-image: url(../img/outline-audio.png) 5 fill;
    border-image: url(../img/outline-audio.png) 5 fill;
    border-style: solid;
    border-width: 4px;
    height: 100%;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .live-audio-wrapper .audio-inner .audio-outline {
        border-width: 5px
    }
}

.live-audio-wrapper .audio-inner .audio-outline .audio-play-btn {
    background-color: #fff;
    cursor: pointer;
    height: 40px;
    left: -3px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 40px
}

@media (min-width:576px) {
    .live-audio-wrapper .audio-inner .audio-outline .audio-play-btn {
        height: 46px;
        width: 46px
    }
}

@media (min-width:768px) {
    .live-audio-wrapper .audio-inner .audio-outline .audio-play-btn {
        height: 64px;
        left: -4px;
        width: 64px
    }
}

.live-audio-wrapper .audio-inner .audio-outline .audio-play-btn:after {
    border-color: transparent transparent transparent #5b28a1;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    content: "";
    height: 11px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:768px) {
    .live-audio-wrapper .audio-inner .audio-outline .audio-play-btn:after {
        border-width: 11px 0 11px 17px;
        height: 18px
    }
}

.live-audio-wrapper .audio-inner .audio-outline .audio-container {
    background-color: #5b28a1;
    clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 calc(50% + 29px), 29px 50%, 0 calc(50% - 29px), 0 10px);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 28px 22px 22px 40px;
    position: relative
}

@media (min-width:576px) {
    .live-audio-wrapper .audio-inner .audio-outline .audio-container {
        clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 calc(50% + 34px), 33px 50%, 0 calc(50% - 34px), 0 11px)
    }
}

@media (min-width:768px) {
    .live-audio-wrapper .audio-inner .audio-outline .audio-container {
        clip-path: polygon(16px 0, 100% 0, 100% 100%, 0 100%, 0 calc(50% + 46px), 46px 50%, 0 calc(50% - 46px), 0 16px);
        padding: 33px 32px 30px 60px
    }
}

.live-audio-wrapper .audio-inner .audio-outline .audio-container .audio-head-wrapper {
    display: flex;
    justify-content: space-between;
    left: 20px;
    position: absolute;
    right: 16px;
    top: 11px
}

.live-audio-wrapper .audio-inner .audio-outline .audio-container .audio-head-wrapper .label {
    font-size: .75rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    text-transform: uppercase
}

.live-audio-wrapper .audio-inner .audio-outline .audio-container .audio-head-wrapper .circle-live {
    animation: pulse-animation 2s infinite;
    background-color: #61f549;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .102);
    flex: 0 0 auto;
    height: 12px;
    transition-duration: .3s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 12px
}

.live-audio-wrapper .audio-inner .audio-outline .audio-container .audio-spectrum {
    background-color: #fff;
    height: 3px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #5b28a1 10px, #5b28a1 calc(100% - 10px), transparent);
    mask-image: linear-gradient(90deg, transparent, #5b28a1 10px, #5b28a1 calc(100% - 10px), transparent);
    position: relative;
    width: 100%
}

.live-audio-wrapper .audio-inner .audio-outline .audio-container .audio-spectrum .audio-progression {
    animation: live-spectro-animation 5s infinite paused;
    border-radius: 10px;
    bottom: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition-duration: .3s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    visibility: hidden;
    width: 44px
}

.live-audio-wrapper .audio-inner .audio-outline .audio-container .audio-spectrum .audio-progression.progression-1 {
    animation-delay: 0ms;
    background-color: #61f549
}

.live-audio-wrapper .audio-inner .audio-outline .audio-container .audio-spectrum .audio-progression.progression-2 {
    animation-delay: .1s;
    background-color: rgba(97, 245, 73, .8)
}

.live-audio-wrapper .audio-inner .audio-outline .audio-container .audio-spectrum .audio-progression.progression-3 {
    animation-delay: .2s;
    background-color: rgba(97, 245, 73, .6)
}

.live-audio-wrapper .audio-inner .audio-outline .audio-container .audio-spectrum .audio-progression.progression-4 {
    animation-delay: .3s;
    background-color: rgba(97, 245, 73, .4)
}

.live-audio-wrapper .audio-inner .audio-outline .audio-container .audio-spectrum .audio-progression.progression-5 {
    animation-delay: .4s;
    background-color: rgba(97, 245, 73, .2)
}

.live-audio-wrapper .audio-inner .audio-outline.playing .audio-play-btn:after {
    border-style: double;
    border-width: 0 0 0 10px
}

@media (min-width:768px) {
    .live-audio-wrapper .audio-inner .audio-outline.playing .audio-play-btn:after {
        border-width: 0 0 0 16px
    }
}

.live-audio-wrapper .audio-inner .audio-outline.playing .audio-progression {
    animation-play-state: running !important;
    opacity: 1 !important;
    visibility: visible !important
}

@keyframes live-spectro-animation {
    0% {
        left: 0
    }
    50% {
        left: calc(100% - 44px)
    }
    to {
        left: 0
    }
}

main[role=main].page-homepage:not(.page-homepage-logged) {
    background: #362063
}

main[role=main].page-homepage.corporate-page-homepage-logged .card-data-container:not(:has(.personal-rank-container)) .inviola-card-slider-wrapper {
    margin-top: 100px !important
}

@media (min-width:992px) {
    main[role=main].page-homepage.corporate-page-homepage-logged .card-data-container:not(:has(.personal-rank-container)) .inviola-card-slider-wrapper {
        padding-left: 165px
    }
}

@media (min-width:1500px) {
    main[role=main].page-homepage.corporate-page-homepage-logged .card-data-container:not(:has(.personal-rank-container)) .inviola-card-slider-wrapper {
        padding-left: 193px
    }
}

main[role=main].page-homepage .header-background-container {
    left: 50%;
    max-width: 2560px;
    overflow: hidden;
    position: absolute;
    top: -30px;
    transform: translateX(-50%);
    width: 100%
}

@media (min-width:576px) {
    main[role=main].page-homepage .header-background-container {
        top: -15px
    }
}

@media (min-width:768px) {
    main[role=main].page-homepage .header-background-container {
        top: 0
    }
}

main[role=main].page-homepage .header-background-container:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .4) 70%, rgba(54, 32, 99, .9)) no-repeat;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width:992px) {
    main[role=main].page-homepage .header-background-container:after {
        background: linear-gradient(180deg, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .4) 280px, rgba(0, 0, 0, .4)) no-repeat
    }
}

main[role=main].page-homepage .header-background-container .header-background {
    min-height: 844px;
    padding-bottom: 74.75%;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-homepage .header-background-container .header-background {
        transform: translateY(var(--scroll-parallax-layer, 0)) translateY(0)
    }
}

main[role=main].page-homepage .header-background-container .header-background img.background-cover {
    -o-object-position: 50% 22%;
    object-position: 50% 22%
}

main[role=main].page-homepage .marquee-big-text {
    margin-bottom: 50px;
    margin-top: 80px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width:576px) {
    main[role=main].page-homepage .marquee-big-text {
        margin-top: 86.67px
    }
}

@media (min-width:768px) {
    main[role=main].page-homepage .marquee-big-text {
        margin-top: 93.33px
    }
}

@media (min-width:992px) {
    main[role=main].page-homepage .marquee-big-text {
        margin-top: 102.22px
    }
}

@media (min-width:1200px) {
    main[role=main].page-homepage .marquee-big-text {
        margin-top: 108.89px
    }
}

@media (min-width:1500px) {
    main[role=main].page-homepage .marquee-big-text {
        margin-top: 120px
    }
}

@media (min-width:768px) {
    main[role=main].page-homepage .marquee-big-text {
        margin-bottom: -30px
    }
}

@media (min-width:992px) {
    main[role=main].page-homepage .marquee-big-text {
        margin-bottom: -36.67px
    }
}

@media (min-width:1200px) {
    main[role=main].page-homepage .marquee-big-text {
        margin-bottom: -41.67px
    }
}

@media (min-width:1500px) {
    main[role=main].page-homepage .marquee-big-text {
        margin-bottom: -50px
    }
}

@media (min-width:768px) {
    main[role=main].page-homepage section.slider .section-card {
        flex: 0 0 auto
    }
}

main[role=main].page-homepage-logged>section:not(:first-child):not(.banner-full-width,
.last-challenge-completed,
.catalog-prize-reduced) {
    margin-top: 80px
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged>section:not(:first-child):not(.banner-full-width,
    .last-challenge-completed,
    .catalog-prize-reduced) {
        margin-top: 112px
    }
}

main[role=main].page-homepage-logged .nav-placeholder,
main[role=main].page-homepage-logged .nav-placeholder .container-nav:not(.sticky-nav) {
    background: transparent
}

main[role=main].page-homepage-logged section.banner-full-width.clipped {
    margin-top: 15px !important
}

main[role=main].page-homepage-logged section.catalog-prize-reduced {
    position: relative;
    z-index: 0
}

main[role=main].page-homepage-logged section.catalog-prize-reduced .container-catalog,
main[role=main].page-homepage-logged section.catalog-prize-reduced .marquee-horizontal {
    margin-top: 0 !important;
    padding-top: 0 !important
}

main[role=main].page-homepage-logged section.catalog-prize-reduced .btn {
    margin-bottom: 80px;
    margin-top: 40px
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged section.catalog-prize-reduced .btn {
        margin-bottom: 112px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-homepage-logged .marquee-big-text {
        margin: 0;
        opacity: 0;
        visibility: hidden
    }
}

main[role=main].page-homepage-logged section.dashboard {
    margin-top: 0
}

main[role=main].page-homepage-logged section.dashboard .background-texture {
    top: 0
}

@media (max-width:991.98px) {
    main[role=main].page-homepage-logged section.dashboard .user-stats {
        padding-bottom: 0;
        padding-right: 20%
    }
    main[role=main].page-homepage-logged section.dashboard .card-data {
        align-self: normal;
        border: none;
        left: 53%;
        margin-top: 0;
        position: absolute;
        top: 0
    }
}

@media (max-width:991.98px) and (min-width:992px) {
    main[role=main].page-homepage-logged section.dashboard .card-data {
        top: 30px
    }
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged section.dashboard .card-data-container {
        justify-content: center
    }
    main[role=main].page-homepage-logged section.dashboard .card-data-container>* {
        flex: 0 1 35%
    }
    main[role=main].page-homepage-logged section.dashboard .user-stats {
        padding-bottom: 0
    }
    main[role=main].page-homepage-logged section.dashboard .user-stats .progress-svg {
        height: 220px
    }
    main[role=main].page-homepage-logged section.dashboard .user-stats .progress {
        margin-top: 0
    }
    main[role=main].page-homepage-logged section.dashboard .user-stats .badge {
        left: 345px;
        top: -55px
    }
    main[role=main].page-homepage-logged section.dashboard .user-stats .badge img {
        width: 100px
    }
    main[role=main].page-homepage-logged section.dashboard .user-stats .stat {
        font-size: 1.8125rem
    }
    main[role=main].page-homepage-logged section.dashboard .user-stats .value {
        font-size: 6.875rem
    }
    main[role=main].page-homepage-logged section.dashboard .user-stats .target {
        font-size: 1.3125rem
    }
    main[role=main].page-homepage-logged section.dashboard .user-stats .label {
        font-size: 2rem
    }
    main[role=main].page-homepage-logged section.dashboard .card-data {
        align-self: flex-end;
        padding-bottom: 30px
    }
}

main[role=main].page-homepage-logged section.my-fan-level {
    background-color: #361e61;
    clip-path: polygon(calc(50% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 50% 0);
    margin-top: -15px !important;
    padding-top: 56px;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged section.my-fan-level {
        padding-top: 80px
    }
}

main[role=main].page-homepage-logged section.my-fan-level .background-texture {
    width: 100%
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1220px;
    width: 85%
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged section.my-fan-level .level-progression-container {
        margin-bottom: 125px
    }
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container {
    align-self: flex-start;
    display: flex;
    padding-top: 160px;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container {
        padding-top: 320px
    }
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 64px;
    justify-content: flex-end;
    position: absolute;
    transform: translateX(-50%);
    width: 50px
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker {
        height: 150px;
        width: 128px
    }
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker .step-icon {
    height: 100%;
    max-height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker .step-icon {
        max-height: 128px
    }
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker .step-point {
    align-items: center;
    color: #5b28a1;
    display: inline-flex;
    font-size: .6875rem;
    font-weight: 700;
    height: 22px;
    justify-content: center;
    line-height: 1;
    position: relative;
    text-align: center;
    width: 22px;
    z-index: 1
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker .step-point {
        font-size: 1.125rem;
        height: 44px;
        width: 44px
    }
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker .step-point:after {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 100%;
    z-index: -1
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker .step-point.reached {
    color: #fff
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker .step-point.reached:after {
    background-color: #009641
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker .marker-rank {
    display: none;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 90px
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker .marker-rank {
        display: block;
        font-size: 1rem;
        top: 190px
    }
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker .marker-rank.current-rank {
    color: #009641;
    display: block !important
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker.personal-progression {
    bottom: 15px;
    height: 108px;
    left: 0;
    margin: 0;
    position: absolute;
    width: 78px
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker.personal-progression {
        height: 216px;
        width: 180px
    }
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker.personal-progression .step-icon {
    max-height: 78px
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker.personal-progression .step-icon {
        max-height: 180px
    }
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker.personal-progression .step-point {
    font-size: 1rem;
    height: 44px;
    width: 44px
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .marker-container .marker.personal-progression .step-point {
        font-size: 1.6875rem;
        height: 66px;
        width: 66px
    }
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .progress-bar-wrapper {
    background-color: hsla(0, 0%, 100%, .2);
    height: 8px;
    margin-top: 3px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .progress-bar-wrapper {
        margin-top: 7px
    }
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .progress-bar-wrapper .progress-bar {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

main[role=main].page-homepage-logged section.my-fan-level .level-progression-container .progress-bar-wrapper .progress-bar .current-progress {
    background-color: #009641;
    display: block;
    height: 100%;
    width: 0
}

main[role=main].page-homepage-logged .invisible {
    opacity: 0;
    visibility: hidden
}

main[role=main].page-homepage-logged .hidden {
    display: none
}

main[role=main].page-homepage-logged .title {
    font-size: 3.8125rem;
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 22px;
    margin-top: 0;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged .title {
        font-size: 2rem
    }
}

@media (max-width:991.98px) {
    main[role=main].page-homepage-logged .title {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        white-space: break-spaces;
        width: -moz-min-content;
        width: min-content
    }
}

main[role=main].page-homepage-logged .content-text {
    font-size: 1rem;
    margin: 0 auto 16px;
    padding: 0 16px;
    text-align: center
}

@media (min-width:576px) {
    main[role=main].page-homepage-logged .content-text {
        font-size: 1.0419rem
    }
}

@media (min-width:768px) {
    main[role=main].page-homepage-logged .content-text {
        font-size: 1.0831rem
    }
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged .content-text {
        font-size: 1.1388rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-homepage-logged .content-text {
        font-size: 1.1806rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-homepage-logged .content-text {
        font-size: 1.25rem
    }
}

@media (min-width:992px) {
    main[role=main].page-homepage-logged .content-text {
        max-width: 50%
    }
}

main[role=main].page-homepage-logged .content-text .current-level {
    color: #009641
}

@media (max-width:991.98px) {
    main[role=main].page-login .form-section {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        margin-top: -105px;
        min-height: calc(100vh - 161px);
        padding-bottom: 0;
        padding-top: 105px
    }
}

@media (max-width:991.98px) and (min-width:992px) {
    main[role=main].page-login .form-section {
        margin-top: -109px;
        padding-top: 109px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-login .form-section .container {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column
    }
    main[role=main].page-login .form-section .container>* {
        width: 100%
    }
    main[role=main].page-login .form-section .container form {
        align-items: flex-start;
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 28%;
        padding-top: 0
    }
    main[role=main].page-login .form-section .container form .form-floating {
        width: 100%
    }
    main[role=main].page-login .form-section .menu {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    main[role=main].page-login .form-section {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        padding-bottom: 0
    }
    main[role=main].page-login .form-section .container {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column
    }
    main[role=main].page-login .form-section .container>* {
        width: 100%
    }
    main[role=main].page-login .form-section .container form {
        align-items: flex-start;
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 28%;
        padding-top: 0
    }
    main[role=main].page-login .form-section .container form .form-floating {
        width: 100%
    }
}

main[role=main].page-login .background-texture {
    height: 200%;
    max-width: none;
    right: 0;
    top: -60%;
    width: auto
}

@media (min-width:992px) {
    main[role=main].page-login .background-texture {
        height: 130%;
        top: -10%
    }
}

main[role=main].page-login .forgot-password {
    display: inline-block;
    font-size: .625rem;
    letter-spacing: -.04em;
    margin-top: 40px;
    opacity: .8;
    text-transform: uppercase;
    transition-duration: .25s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

main[role=main].page-login .forgot-password:focus-visible {
    opacity: 1
}

main[role=main].page-login .forgot-password:active {
    opacity: 1
}

@media (hover:hover) {
    main[role=main].page-login .forgot-password:hover {
        opacity: 1
    }
}

main[role=main].page-login .remember-me {
    font-size: .9375rem
}

main[role=main].page-login .remember-me .form-check-input {
    height: 1.25em;
    width: 1.25em
}

main[role=main].page-login .aside-container {
    background-color: #260e51
}

main[role=main].page-login .aside-container .background-container {
    padding-bottom: 153.8462%
}

@media (min-width:768px) {
    main[role=main].page-login .aside-container .background-container {
        padding-bottom: 102.5641%
    }
}

@media (min-width:992px) {
    main[role=main].page-login .aside-container .background-container {
        padding-bottom: 0
    }
}

main[role=main].page-login-register {
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-login-register {
        align-items: stretch;
        display: flex
    }
}

main[role=main].page-login-register .form-section {
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-login-register .form-section {
        flex: 1 1 auto;
        margin-top: -105px;
        padding-top: 105px
    }
}

@media (min-width:992px) and (min-width:992px) {
    main[role=main].page-login-register .form-section {
        margin-top: -109px;
        padding-top: 109px
    }
}

@media (min-width:992px) {
    main[role=main].page-login-register .form-section .container {
        max-width: calc(960px - 33.1%)
    }
    main[role=main].page-login-register .form-section .container>* {
        margin-left: auto;
        margin-right: auto;
        max-width: 791px
    }
}

@media (min-width:1200px) {
    main[role=main].page-login-register .form-section .container {
        max-width: calc(1140px - 33.2%)
    }
}

@media (min-width:1500px) {
    main[role=main].page-login-register .form-section .container {
        max-width: calc(1440px - 33.3%)
    }
}

@media (min-width:2000px) {
    main[role=main].page-login-register .form-section .container {
        max-width: calc(1920px - 33.3%)
    }
}

main[role=main].page-login-register .form-section .container {
    position: relative;
    z-index: 1
}

main[role=main].page-login-register .menu {
    align-items: center;
    display: flex;
    gap: 1.25rem;
    justify-content: flex-end;
    margin-bottom: 70px;
    margin-top: 30px
}

@media (min-width:1200px) {
    main[role=main].page-login-register .menu {
        gap: 2.5rem;
        margin-bottom: 0
    }
}

main[role=main].page-login-register .menu a {
    font-size: 1rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    text-transform: uppercase;
    transition-duration: .25s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:1200px) {
    main[role=main].page-login-register .menu a {
        font-size: 1.375rem
    }
}

main[role=main].page-login-register .menu a:after {
    height: 2px
}

main[role=main].page-login-register .menu a.current:after {
    opacity: 1;
    width: calc(100% - 2px)
}

main[role=main].page-login-register .menu a:not(.current) {
    opacity: .5
}

main[role=main].page-login-register .menu a:focus-visible {
    opacity: 1
}

main[role=main].page-login-register .menu a:active {
    opacity: 1
}

@media (hover:hover) {
    main[role=main].page-login-register .menu a:hover {
        opacity: 1
    }
}

main[role=main].page-login-register form .form-floating:not(.first-child) {
    margin-top: 40px
}

@media (min-width:1200px) {
    main[role=main].page-login-register .form-control {
        font-size: 2rem
    }
    main[role=main].page-login-register .form-floating>.form-control {
        height: calc(4.5rem + 2px)
    }
    main[role=main].page-login-register .form-floating>label {
        font-size: 2rem
    }
}

main[role=main].page-login-register button[type=submit] {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 100%
}

@media (min-width:768px) {
    main[role=main].page-login-register button[type=submit] {
        margin-left: 0;
        margin-right: 0;
        min-width: 200px;
        width: auto
    }
}

main[role=main].page-login-register .form-check {
    margin-top: 32px
}

main[role=main].page-login-register .aside-container {
    overflow: hidden;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-login-register .aside-container {
        flex: 0 0 25%;
        margin-top: -105px;
        order: -1;
        width: 25%
    }
}

@media (min-width:992px) and (min-width:992px) {
    main[role=main].page-login-register .aside-container {
        margin-top: -109px
    }
}

main[role=main].page-login-register .aside-container .background-container {
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-login-register .aside-container .background-container {
        height: 100%
    }
}

main[role=main].page-login-register .aside-container .background-container .logo {
    height: 41px;
    left: 50%;
    position: absolute;
    top: 40px;
    transform: translateX(-50%);
    width: auto;
    z-index: 2
}

@media (min-width:992px) {
    main[role=main].page-login-register .aside-container .background-container .logo {
        top: 14px
    }
}

@media (min-width:992px) and (max-width:1499.98px) {
    main[role=main].page-login-register .aside-container .background-container .logo {
        display: none
    }
}

main[role=main].page-register .card-selector {
    font-size: 1.125rem;
    margin-bottom: 52px;
    margin-top: 70px
}

@media (min-width:1200px) {
    main[role=main].page-register .card-selector {
        font-size: 1.25rem;
        margin-top: 100px
    }
}

main[role=main].page-register .card-selector .selector {
    margin-top: 40px
}

@media (min-width:1200px) {
    main[role=main].page-register .card-selector .selector {
        margin-top: 50px
    }
}

main[role=main].page-register .card-selector .selector .card-selection .text {
    transform: translateY(calc(-50% - 4px))
}

main[role=main].page-register .background-texture {
    right: 0;
    width: auto
}

@media (min-width:992px) {
    main[role=main].page-register .background-texture {
        height: 950px;
        top: -10px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-register .background-texture {
        display: none
    }
}

main[role=main].page-register .form-floating+.form-check {
    margin-top: 44px
}

@media (min-width:992px) {
    main[role=main].page-register .form-floating+.form-check {
        margin-top: 50px
    }
}

main[role=main].page-register .form-check {
    font-size: .8125rem
}

main[role=main].page-register .form-check .form-check-input {
    height: 1.384em;
    width: 1.384em
}

main[role=main].page-register a.privacy-policy {
    display: inline-block;
    font-size: .8125rem;
    margin-left: 1.8125rem;
    margin-top: 32px
}

main[role=main].page-register .aside-container {
    left: 0;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 64%
}

@media (min-width:992px) {
    main[role=main].page-register .aside-container {
        position: static
    }
    main[role=main].page-register .aside-container .background-container {
        padding-bottom: 0
    }
}

@media (max-width:991.98px) {
    main[role=main].page-register .aside-container .background-container .logo {
        display: none
    }
}

main[role=main].page-register .aside-container .background-container .background {
    height: 755px;
    left: 0;
    max-width: none;
    opacity: .5;
    position: absolute;
    top: -241px;
    width: auto
}

@media (min-width:992px) {
    main[role=main].page-register .aside-container .background-container .background {
        height: 80%;
        top: 100px
    }
}

@media (min-width:1200px) {
    main[role=main].page-register .aside-container .background-container .background {
        opacity: 1
    }
}

main[role=main].page-activities:before {
    background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-020-attivita.svg) 18% 0/800px auto no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    max-width: 2560px;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transition: opacity 5s cubic-bezier(.165, .84, .44, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

@media (min-width:768px) {
    main[role=main].page-activities:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-020-attivita.svg) 18% 0/120% auto no-repeat
    }
}

@media (min-width:992px) {
    main[role=main].page-activities:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-020-attivita.svg) 0 0/100% auto no-repeat;
        opacity: .8
    }
}

main[role=main].page-activities section.activities {
    position: relative
}

@media (min-width:768px) {
    main[role=main].page-activities section.activities .marquee-big-text {
        margin-bottom: -30px
    }
}

@media (min-width:992px) {
    main[role=main].page-activities section.activities .marquee-big-text {
        margin-bottom: -36.67px
    }
}

@media (min-width:1200px) {
    main[role=main].page-activities section.activities .marquee-big-text {
        margin-bottom: -41.67px
    }
}

@media (min-width:1500px) {
    main[role=main].page-activities section.activities .marquee-big-text {
        margin-bottom: -50px
    }
}

main[role=main].page-activities section.activities .header {
    padding-bottom: 130px;
    padding-top: 46px
}

@media (min-width:576px) {
    main[role=main].page-activities section.activities .header {
        padding-top: 51.67px
    }
}

@media (min-width:768px) {
    main[role=main].page-activities section.activities .header {
        padding-top: 57.33px
    }
}

@media (min-width:992px) {
    main[role=main].page-activities section.activities .header {
        padding-top: 64.89px
    }
}

@media (min-width:1200px) {
    main[role=main].page-activities section.activities .header {
        padding-top: 70.56px
    }
}

@media (min-width:1500px) {
    main[role=main].page-activities section.activities .header {
        padding-top: 80px
    }
}

@media (min-width:576px) {
    main[role=main].page-activities section.activities .header {
        padding-bottom: 123.33px
    }
}

@media (min-width:768px) {
    main[role=main].page-activities section.activities .header {
        padding-bottom: 116.67px
    }
}

@media (min-width:992px) {
    main[role=main].page-activities section.activities .header {
        padding-bottom: 107.78px
    }
}

@media (min-width:1200px) {
    main[role=main].page-activities section.activities .header {
        padding-bottom: 101.11px
    }
}

@media (min-width:1500px) {
    main[role=main].page-activities section.activities .header {
        padding-bottom: 90px
    }
}

@media (min-width:992px) {
    main[role=main].page-activities section.activities .header {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

main[role=main].page-activities section.activities .header .title {
    font-size: 3.75rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 0;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-activities section.activities .header .title {
        font-size: 4.1144rem
    }
}

@media (min-width:768px) {
    main[role=main].page-activities section.activities .header .title {
        font-size: 4.4794rem
    }
}

@media (min-width:992px) {
    main[role=main].page-activities section.activities .header .title {
        font-size: 4.965rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-activities section.activities .header .title {
        font-size: 5.33rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-activities section.activities .header .title {
        font-size: 5.9375rem
    }
}

@media only screen and (max-width:376px) {
    main[role=main].page-activities section.activities .header .title {
        font-size: 2.875rem
    }
}

@media (min-width:992px) {
    main[role=main].page-activities section.activities .header .title {
        flex: 1 1 50%;
        max-width: 50%
    }
}

main[role=main].page-activities section.activities .header .card-points {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    letter-spacing: -.04em;
    line-height: 1;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-activities section.activities .header .card-points {
        min-width: 260px
    }
}

@media (min-width:1200px) {
    main[role=main].page-activities section.activities .header .card-points {
        min-width: 323.75px
    }
}

@media (min-width:1500px) {
    main[role=main].page-activities section.activities .header .card-points {
        min-width: 430px
    }
}

@media (min-width:992px) {
    main[role=main].page-activities section.activities .header .card-points {
        padding-top: 36px
    }
}

@media (min-width:1200px) {
    main[role=main].page-activities section.activities .header .card-points {
        padding-top: 38.63px
    }
}

@media (min-width:1500px) {
    main[role=main].page-activities section.activities .header .card-points {
        padding-top: 43px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-activities section.activities .header .card-points {
        margin-top: 50px
    }
}

main[role=main].page-activities section.activities .header .card-points .label {
    font-size: .8125rem;
    font-style: italic;
    font-weight: 800;
    margin-bottom: 8px;
    text-transform: uppercase
}

@media (min-width:1500px) {
    main[role=main].page-activities section.activities .header .card-points .label {
        font-size: 1.0625rem
    }
}

@media (min-width:992px) {
    main[role=main].page-activities section.activities .header .card-points .label {
        margin-bottom: 6px;
        text-align: center
    }
}

main[role=main].page-activities section.activities .header .card-points .value {
    align-items: center;
    display: flex;
    font-size: 2.5rem;
    font-style: italic;
    font-weight: 800;
    justify-content: flex-start
}

@media (min-width:992px) {
    main[role=main].page-activities section.activities .header .card-points .value {
        font-size: 3.125rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-activities section.activities .header .card-points .value {
        font-size: 4.625rem
    }
}

@media only screen and (max-width:376px) {
    main[role=main].page-activities section.activities .header .card-points .value {
        font-size: 1.875rem
    }
}

@media (min-width:992px) {
    main[role=main].page-activities section.activities .header .card-points .value {
        justify-content: center
    }
}

main[role=main].page-activities section.activities .header .card-points .value .lily {
    height: 16px;
    margin-right: 10px;
    width: auto
}

@media (min-width:992px) {
    main[role=main].page-activities section.activities .header .card-points .value .lily {
        height: 20px;
        left: 50%;
        margin-right: 0;
        position: absolute;
        top: 0;
        transform: translateX(-50%)
    }
}

@media (min-width:1500px) {
    main[role=main].page-activities section.activities .header .card-points .value .lily {
        height: 28px
    }
}

main[role=main].page-documents:before {
    background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-006.svg) 50% 120px/800px auto no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    max-width: 2560px;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transition: opacity 5s cubic-bezier(.165, .84, .44, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

@media (min-width:768px) {
    main[role=main].page-documents:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-006.svg) 50% 80px/120% auto no-repeat
    }
}

@media (min-width:992px) {
    main[role=main].page-documents:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-006.svg) 100% 0/70% auto no-repeat;
        opacity: 1
    }
}

main[role=main].page-documents section.documents {
    position: relative
}

main[role=main].page-documents section.documents .header {
    padding-bottom: 130px;
    padding-top: 46px
}

@media (min-width:576px) {
    main[role=main].page-documents section.documents .header {
        padding-top: 51.67px
    }
}

@media (min-width:768px) {
    main[role=main].page-documents section.documents .header {
        padding-top: 57.33px
    }
}

@media (min-width:992px) {
    main[role=main].page-documents section.documents .header {
        padding-top: 64.89px
    }
}

@media (min-width:1200px) {
    main[role=main].page-documents section.documents .header {
        padding-top: 70.56px
    }
}

@media (min-width:1500px) {
    main[role=main].page-documents section.documents .header {
        padding-top: 80px
    }
}

@media (min-width:576px) {
    main[role=main].page-documents section.documents .header {
        padding-bottom: 123.33px
    }
}

@media (min-width:768px) {
    main[role=main].page-documents section.documents .header {
        padding-bottom: 116.67px
    }
}

@media (min-width:992px) {
    main[role=main].page-documents section.documents .header {
        padding-bottom: 107.78px
    }
}

@media (min-width:1200px) {
    main[role=main].page-documents section.documents .header {
        padding-bottom: 101.11px
    }
}

@media (min-width:1500px) {
    main[role=main].page-documents section.documents .header {
        padding-bottom: 90px
    }
}

main[role=main].page-documents section.documents .header .title {
    font-size: 2.1875rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-documents section.documents .header .title {
        font-size: 2.3956rem
    }
}

@media (min-width:768px) {
    main[role=main].page-documents section.documents .header .title {
        font-size: 2.6044rem
    }
}

@media (min-width:992px) {
    main[role=main].page-documents section.documents .header .title {
        font-size: 2.8819rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-documents section.documents .header .title {
        font-size: 3.09rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-documents section.documents .header .title {
        font-size: 3.4375rem
    }
}

@media only screen and (max-width:376px) {
    main[role=main].page-documents section.documents .header .title {
        font-size: 1.875rem
    }
}

main[role=main].page-documents section.documents .documents .document {
    align-items: baseline;
    border-bottom: 2px solid hsla(0, 0%, 100%, .1);
    display: flex;
    flex-wrap: wrap;
    letter-spacing: -.04em;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 30px 1rem;
    row-gap: 15px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:992px) {
    main[role=main].page-documents section.documents .documents .document {
        padding-bottom: 18px;
        padding-top: 18px
    }
}

@media (min-width:1200px) {
    main[role=main].page-documents section.documents .documents .document {
        padding-bottom: 22px;
        padding-top: 22px
    }
}

@media (min-width:992px) {
    main[role=main].page-documents section.documents .documents .document {
        padding-left: 22px;
        padding-right: 22px
    }
}

@media (min-width:1200px) {
    main[role=main].page-documents section.documents .documents .document {
        padding-left: 30px;
        padding-right: 30px
    }
}

main[role=main].page-documents section.documents .documents .document:first-child {
    border-top: 2px solid hsla(0, 0%, 100%, .1)
}

@media (min-width:992px) {
    main[role=main].page-documents section.documents .documents .document {
        align-items: center;
        flex-wrap: nowrap
    }
}

main[role=main].page-documents section.documents .documents .type {
    flex: 0 0 60px;
    font-size: .625rem;
    letter-spacing: -.04em;
    position: relative;
    top: -2px
}

@media (min-width:1200px) {
    main[role=main].page-documents section.documents .documents .type {
        font-size: .8125rem
    }
}

@media (min-width:992px) {
    main[role=main].page-documents section.documents .documents .type {
        flex-basis: 70px;
        position: static
    }
}

main[role=main].page-documents section.documents .documents .title {
    flex: 1 1 calc(100% - 60px);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.33;
    margin: 0
}

@media (min-width:1200px) {
    main[role=main].page-documents section.documents .documents .title {
        font-size: 1.375rem
    }
}

@media (min-width:992px) {
    main[role=main].page-documents section.documents .documents .title {
        flex-basis: auto
    }
}

main[role=main].page-documents section.documents .documents .download {
    background-image: url(../img/icon-download-w.svg);
    background-position: 100% 48%;
    background-repeat: no-repeat;
    background-size: auto 12px;
    flex: 0 0 auto;
    font-size: .8125rem;
    font-style: italic;
    font-weight: 800;
    padding-left: 60px;
    padding-right: 20px
}

@media (min-width:1200px) {
    main[role=main].page-documents section.documents .documents .download {
        font-size: 1.125rem
    }
}

@media (min-width:992px) {
    main[role=main].page-documents section.documents .documents .download {
        flex: 0 0 150px;
        text-align: right
    }
}

@media (min-width:1200px) {
    main[role=main].page-documents section.documents .documents .download {
        background-size: auto 16px;
        padding-right: 30px
    }
}

main[role=main].page-redeemed-prizes:before {
    background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-006.svg) 50% 120px/800px auto no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    max-width: 2560px;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transition: opacity 5s cubic-bezier(.165, .84, .44, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 0
}

@media (min-width:768px) {
    main[role=main].page-redeemed-prizes:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-006.svg) 50% 80px/120% auto no-repeat
    }
}

@media (min-width:992px) {
    main[role=main].page-redeemed-prizes:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-006.svg) 100% 0/70% auto no-repeat;
        opacity: 1
    }
}

main[role=main].page-redeemed-prizes .title {
    font-size: 3.75rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 0;
    padding-bottom: 130px;
    padding-top: 46px;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-redeemed-prizes .title {
        padding-top: 51.67px
    }
}

@media (min-width:768px) {
    main[role=main].page-redeemed-prizes .title {
        padding-top: 57.33px
    }
}

@media (min-width:992px) {
    main[role=main].page-redeemed-prizes .title {
        padding-top: 64.89px
    }
}

@media (min-width:1200px) {
    main[role=main].page-redeemed-prizes .title {
        padding-top: 70.56px
    }
}

@media (min-width:1500px) {
    main[role=main].page-redeemed-prizes .title {
        padding-top: 80px
    }
}

@media (min-width:576px) {
    main[role=main].page-redeemed-prizes .title {
        padding-bottom: 123.33px
    }
}

@media (min-width:768px) {
    main[role=main].page-redeemed-prizes .title {
        padding-bottom: 116.67px
    }
}

@media (min-width:992px) {
    main[role=main].page-redeemed-prizes .title {
        padding-bottom: 107.78px
    }
}

@media (min-width:1200px) {
    main[role=main].page-redeemed-prizes .title {
        padding-bottom: 101.11px
    }
}

@media (min-width:1500px) {
    main[role=main].page-redeemed-prizes .title {
        padding-bottom: 90px
    }
}

@media (min-width:576px) {
    main[role=main].page-redeemed-prizes .title {
        font-size: 4.1144rem
    }
}

@media (min-width:768px) {
    main[role=main].page-redeemed-prizes .title {
        font-size: 4.4794rem
    }
}

@media (min-width:992px) {
    main[role=main].page-redeemed-prizes .title {
        font-size: 4.965rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-redeemed-prizes .title {
        font-size: 5.33rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-redeemed-prizes .title {
        font-size: 5.9375rem
    }
}

@media only screen and (max-width:376px) {
    main[role=main].page-redeemed-prizes .title {
        font-size: 2.875rem
    }
}

@media (min-width:992px) {
    main[role=main].page-redeemed-prizes .title {
        flex: 1 1 50%;
        max-width: 50%
    }
}

main[role=main].page-stores {
    padding-top: 0;
    z-index: 30
}

main[role=main].page-stores section.content-wrapper {
    margin-top: 80px
}

@media (min-width:992px) {
    main[role=main].page-stores section.content-wrapper {
        margin-top: 112px
    }
}

main[role=main].page-stores .services-row {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 80px
}

@media (min-width:992px) {
    main[role=main].page-stores .services-row {
        flex-direction: row;
        gap: 130px
    }
    main[role=main].page-stores .services-row.reverse {
        flex-direction: row-reverse
    }
}

main[role=main].page-stores .services-row .card-img-container {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    height: 478px;
    max-width: 567px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    main[role=main].page-stores .services-row .card-img-container {
        height: 0;
        padding-bottom: 100%
    }
}

@media (min-width:992px) {
    main[role=main].page-stores .services-row .card-img-container {
        padding-bottom: 65%
    }
}

@media (min-width:1500px) {
    main[role=main].page-stores .services-row .card-img-container {
        padding-bottom: 55%
    }
}

main[role=main].page-stores .services-row .iframe-container {
    clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
    width: 100%
}

main[role=main].page-stores .services-row .card-text-wrapper {
    letter-spacing: -.04em;
    max-width: 440px;
    width: 100%
}

@media (max-width:991.98px) {
    main[role=main].page-stores .services-row .card-text-wrapper {
        margin-bottom: 56px
    }
}

main[role=main].page-stores .services-row .card-text-wrapper .card-title {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-stores .services-row .card-text-wrapper .card-title {
        font-size: 2.3331rem
    }
}

@media (min-width:768px) {
    main[role=main].page-stores .services-row .card-text-wrapper .card-title {
        font-size: 2.6669rem
    }
}

@media (min-width:992px) {
    main[role=main].page-stores .services-row .card-text-wrapper .card-title {
        font-size: 3.1113rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-stores .services-row .card-text-wrapper .card-title {
        font-size: 3.4444rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-stores .services-row .card-text-wrapper .card-title {
        font-size: 4rem
    }
}

@media (min-width:992px) {
    main[role=main].page-stores .services-row .card-text-wrapper .card-title {
        margin-bottom: 32px
    }
}

main[role=main].page-stores .services-row .card-text-wrapper .card-title .label {
    display: block;
    font-style: italic
}

main[role=main].page-stores .services-row .card-text-wrapper .card-subtitle {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-stores .services-row .card-text-wrapper .card-subtitle {
        font-size: 2rem;
        margin-bottom: 32px
    }
}

main[role=main].page-stores .services-row .card-text-wrapper .card-text {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.4;
    margin: 0
}

@media (min-width:992px) {
    main[role=main].page-stores .services-row .card-text-wrapper .card-text {
        font-size: 1.25rem
    }
}

main[role=main].page-stores .services-row .card-text-wrapper .card-text .highlighter {
    font-weight: 700
}

main[role=main].page-checkout-form section.checkout-header {
    margin-left: auto;
    margin-right: auto;
    max-width: 2560px
}

@media (min-width:768px) {
    main[role=main].page-checkout-form section.checkout-header {
        align-items: stretch;
        display: flex
    }
    main[role=main].page-checkout-form section.checkout-header>* {
        flex: 1 1 50%
    }
}

main[role=main].page-checkout-form section.checkout-header .container-checkout-image {
    padding-left: 0;
    padding-right: 0
}

@media (min-width:768px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-image {
        display: flex;
        flex-direction: column
    }
    main[role=main].page-checkout-form section.checkout-header .container-checkout-image.with-swiper {
        display: block;
        width: 50%
    }
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details {
        display: flex;
        flex-direction: column
    }
}

main[role=main].page-checkout-form section.checkout-header .container-checkout-details .details {
    padding-bottom: 20px;
    padding-top: 20px
}

@media (min-width:576px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .details {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

@media (min-width:768px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .details {
        padding-bottom: 20px
    }
}

@media (min-width:992px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .details {
        padding-bottom: 32px
    }
}

@media (min-width:1200px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .details {
        padding-bottom: 41px
    }
}

@media (min-width:1500px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .details {
        padding-bottom: 56px
    }
}

@media (min-width:2000px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .details {
        padding-bottom: 80px
    }
}

@media (min-width:768px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .details {
        padding-top: 105px
    }
}

@media (min-width:768px) and (min-width:992px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .details {
        padding-top: 109px
    }
}

@media (min-width:768px) {
    body.with-strip main[role=main].page-checkout-form section.checkout-header .container-checkout-details .details {
        padding-top: 125px
    }
}

@media (min-width:768px) and (min-width:992px) {
    body.with-strip main[role=main].page-checkout-form section.checkout-header .container-checkout-details .details {
        padding-top: 129px
    }
}

main[role=main].page-checkout-form section.checkout-header .container-checkout-details .name {
    font-size: 2.1875rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase
}

@media (min-width:1200px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .name {
        font-size: 3.4375rem
    }
}

@media (min-width:768px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .name {
        margin-top: 20px
    }
}

@media (min-width:992px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .name {
        margin-top: 36px
    }
}

@media (min-width:1200px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .name {
        margin-top: 48px
    }
}

@media (min-width:1500px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .name {
        margin-top: 68px
    }
}

@media (min-width:2000px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .name {
        margin-top: 100px
    }
}

@media (min-width:1200px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .name {
        max-width: 560px
    }
}

main[role=main].page-checkout-form section.checkout-header .container-checkout-details .description {
    letter-spacing: -.04em;
    margin-bottom: 14px;
    opacity: .7
}

@media (min-width:1200px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .description {
        max-width: 560px
    }
}

main[role=main].page-checkout-form section.checkout-header .container-checkout-details .btn-cta {
    margin-top: 25px;
    max-width: 560px;
    width: 100%
}

@media (min-width:1200px) {
    main[role=main].page-checkout-form section.checkout-header .container-checkout-details .btn-cta {
        margin-top: 35px
    }
}

main[role=main].page-catalog {
    background: #351f63
}

main[role=main].page-catalog:before {
    background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-018-catalogo.svg) 30% -2%/240% auto no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    max-width: 2560px;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transition: opacity 5s cubic-bezier(.165, .84, .44, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

@media (min-width:768px) {
    main[role=main].page-catalog:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-018-catalogo.svg) 50% 80px/120% auto no-repeat
    }
}

@media (min-width:992px) {
    main[role=main].page-catalog:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-018-catalogo.svg) 100% 0/100% auto no-repeat;
        opacity: .1
    }
}

main[role=main].page-catalog .related-prize {
    margin-top: 100px
}

main[role=main].page-catalog .related-prize .title {
    font-size: 2.1875rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-bottom: 40px;
    margin-top: 0;
    text-transform: uppercase
}

@media (min-width:1200px) {
    main[role=main].page-catalog .related-prize .title {
        font-size: 3.4375rem;
        margin-bottom: 50px
    }
}

main[role=main].page-catalog section.slider .scroll-arrow {
    top: calc(35% - 20px)
}

@media (max-width:1199.98px) {
    main[role=main].page-catalog section.slider .scroll-arrow .arrow {
        height: 50px
    }
}

main[role=main].page-catalog section.slider .h-slider-container {
    -moz-column-gap: 4px;
    column-gap: 4px
}

@media (min-width:992px) {
    main[role=main].page-catalog section.slider .h-slider-container {
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

@media (min-width:1500px) {
    main[role=main].page-catalog section.slider .h-slider-container {
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

main[role=main].page-catalog section.slider .prize-card {
    flex: 0 0 auto
}

main[role=main].page-catalog section.slider .prize-card:nth-child(odd) {
    width: 190px
}

@media (min-width:576px) {
    main[role=main].page-catalog section.slider .prize-card:nth-child(odd) {
        width: 213.33px
    }
}

@media (min-width:768px) {
    main[role=main].page-catalog section.slider .prize-card:nth-child(odd) {
        width: 236.67px
    }
}

@media (min-width:992px) {
    main[role=main].page-catalog section.slider .prize-card:nth-child(odd) {
        width: 267.78px
    }
}

@media (min-width:1200px) {
    main[role=main].page-catalog section.slider .prize-card:nth-child(odd) {
        width: 291.11px
    }
}

@media (min-width:1500px) {
    main[role=main].page-catalog section.slider .prize-card:nth-child(odd) {
        width: 330px
    }
}

main[role=main].page-catalog section.slider .prize-card:nth-child(2n) {
    width: 256px
}

@media (min-width:576px) {
    main[role=main].page-catalog section.slider .prize-card:nth-child(2n) {
        width: 288.33px
    }
}

@media (min-width:768px) {
    main[role=main].page-catalog section.slider .prize-card:nth-child(2n) {
        width: 320.67px
    }
}

@media (min-width:992px) {
    main[role=main].page-catalog section.slider .prize-card:nth-child(2n) {
        width: 363.78px
    }
}

@media (min-width:1200px) {
    main[role=main].page-catalog section.slider .prize-card:nth-child(2n) {
        width: 396.11px
    }
}

@media (min-width:1500px) {
    main[role=main].page-catalog section.slider .prize-card:nth-child(2n) {
        width: 450px
    }
}

main[role=main].page-catalog section.catalog-list {
    position: relative;
    z-index: 0
}

main[role=main].page-catalog.page-catalog-prize {
    background: #351f63;
    padding-top: 0 !important
}

main[role=main].page-catalog.page-catalog-prize:before {
    background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-018-catalogo.svg) 30% 600px/160% auto no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    max-width: 2560px;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transition: opacity 5s cubic-bezier(.165, .84, .44, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 0
}

@media (min-width:768px) {
    main[role=main].page-catalog.page-catalog-prize:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-018-catalogo.svg) 100% 0/100% auto no-repeat;
        opacity: .1
    }
}

@media (min-width:992px) {
    main[role=main].page-catalog.page-catalog-prize:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-018-catalogo.svg) 100% 0/100% auto no-repeat;
        opacity: .1
    }
}

main[role=main].page-catalog section.catalog-prize .container-prize-image .prize-image {
    padding-top: 105px
}

@media (min-width:992px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-image .prize-image {
        padding-top: 109px
    }
}

body.with-strip main[role=main].page-catalog section.catalog-prize .container-prize-image .prize-image {
    padding-top: 125px
}

@media (min-width:992px) {
    body.with-strip main[role=main].page-catalog section.catalog-prize .container-prize-image .prize-image {
        padding-top: 129px
    }
}

@media (min-width:768px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-image .prize-image {
        padding-left: 0;
        padding-right: 0;
        position: sticky;
        top: 0
    }
}

main[role=main].page-catalog section.catalog-prize .container-prize-image .prize-image img {
    width: 100%
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .details .btn-cta-big-margin {
    margin-top: 70px
}

@media (min-width:1200px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-details .details .btn-cta-big-margin {
        margin-top: 140px
    }
}

@media (min-width:768px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-details .details {
        position: sticky;
        top: 0
    }
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .form-floating {
    margin-top: 45px;
    max-width: 560px;
    width: 100%
}

@media (min-width:1200px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-details .form-floating {
        margin-top: 55px
    }
}

@media (min-width:768px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-details .form-floating {
        max-width: 260px
    }
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .form-floating>label {
    color: #fff
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .form-floating:has(.form-control:focus)>label {
    color: #fff
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .form-floating .form-select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important;
    border-color: hsla(0, 0%, 100%, .5);
    color: #fff
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .form-floating .form-select:focus {
    border-color: #fff !important
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .form-floating>.select-no-options {
    border-color: hsla(0, 0%, 100%, .36)
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .form-floating .select-no-options {
    color: hsla(0, 0%, 100%, .36)
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .points {
    letter-spacing: -.04em;
    margin-top: 60px
}

@media (min-width:768px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-details .points {
        margin-top: 60px
    }
}

@media (min-width:992px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-details .points {
        margin-top: 76px
    }
}

@media (min-width:1200px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-details .points {
        margin-top: 88px
    }
}

@media (min-width:1500px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-details .points {
        margin-top: 108px
    }
}

@media (min-width:2000px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-details .points {
        margin-top: 140px
    }
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .points .required-points {
    font-size: 1rem;
    font-weight: 600;
    padding-left: 24px;
    position: relative;
    text-transform: uppercase
}

@media (min-width:1200px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-details .points .required-points {
        font-size: 1.125rem
    }
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .points .required-points:before {
    background-image: url(../img/icon-giglio.svg);
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 18px
}

@media (min-width:1200px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-details .points .required-points:before {
        height: 20px;
        width: 20px
    }
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .points .required-points.not-sufficient>span {
    color: #e2241c
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .more-points {
    margin-top: 25px;
    padding-left: 1.875rem;
    text-transform: uppercase
}

main[role=main].page-catalog section.catalog-prize .container-prize-details .more-points a {
    font-size: .875rem
}

@media (min-width:1200px) {
    main[role=main].page-catalog section.catalog-prize .container-prize-details .more-points a {
        font-size: 1rem
    }
}

main[role=main].page-catalog section.catalog-prize .long-description {
    font-size: .875rem;
    margin-top: 40px;
    opacity: .7
}

@media (min-width:1200px) {
    main[role=main].page-catalog section.catalog-prize .long-description {
        font-size: 1rem
    }
}

@media (min-width:768px) {
    main[role=main].page-catalog section.catalog-prize .long-description {
        margin-top: 60px
    }
}

@media (min-width:992px) {
    main[role=main].page-catalog section.catalog-prize .long-description {
        margin-top: 90px;
        max-width: 560px;
        padding-left: 90px
    }
}

@media (min-width:1200px) {
    main[role=main].page-catalog section.catalog-prize .long-description {
        margin-top: 160px;
        padding-left: 160px
    }
}

@media (min-width:1500px) {
    main[role=main].page-catalog section.catalog-prize .long-description {
        margin-top: 220px;
        padding-left: 220px
    }
}

main[role=main].page-404 {
    display: flex;
    flex-direction: column
}

main[role=main].page-404 .container {
    align-items: center;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    justify-content: center
}

main[role=main].page-404 .title {
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-top: 0;
    text-align: center
}

main[role=main].page-404 .message {
    font-weight: 400;
    text-align: center
}

main[role=main].page-profile-data:before {
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    max-width: 2560px;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 0
}

@media (min-width:992px) {
    main[role=main].page-profile-data:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-015-giocatore.svg) 100% -500px/100% auto no-repeat;
        opacity: 1
    }
}

@media (min-width:1200px) {
    main[role=main].page-profile-data:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-015-giocatore.svg) 100% -700px/100% auto no-repeat;
        opacity: 1
    }
}

@media (min-width:1500px) {
    main[role=main].page-profile-data:before {
        background: linear-gradient(0deg, #351f63 0, rgba(53, 31, 99, 0) 100px), url(../img/texture-015-giocatore.svg) 100% -1000px/100% auto no-repeat;
        opacity: 1
    }
}

main[role=main].page-profile-data section.profile-data {
    position: relative
}

main[role=main].page-profile-data .title {
    font-size: 3.75rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 0;
    padding-bottom: 32px;
    padding-top: 46px;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-profile-data .title {
        padding-top: 51.67px
    }
}

@media (min-width:768px) {
    main[role=main].page-profile-data .title {
        padding-top: 57.33px
    }
}

@media (min-width:992px) {
    main[role=main].page-profile-data .title {
        padding-top: 64.89px
    }
}

@media (min-width:1200px) {
    main[role=main].page-profile-data .title {
        padding-top: 70.56px
    }
}

@media (min-width:1500px) {
    main[role=main].page-profile-data .title {
        padding-top: 80px
    }
}

@media (min-width:576px) {
    main[role=main].page-profile-data .title {
        font-size: 4.1144rem
    }
}

@media (min-width:768px) {
    main[role=main].page-profile-data .title {
        font-size: 4.4794rem
    }
}

@media (min-width:992px) {
    main[role=main].page-profile-data .title {
        font-size: 4.965rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-profile-data .title {
        font-size: 5.33rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-profile-data .title {
        font-size: 5.9375rem
    }
}

@media only screen and (max-width:376px) {
    main[role=main].page-profile-data .title {
        font-size: 2.875rem
    }
}

main[role=main].page-profile-data .account {
    left: 0;
    margin-bottom: 72px
}

@media (min-width:992px) {
    main[role=main].page-profile-data .account {
        margin-bottom: 146px
    }
}

main[role=main].page-profile-data .cta-modify-password {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase
}

@media (min-width:1500px) {
    main[role=main].page-profile-data .cta-modify-password {
        font-size: 1.375rem
    }
}

@media (min-width:992px) {
    main[role=main].page-profile-data .cta-modify-password {
        margin-left: 0;
        margin-right: 0
    }
}

main[role=main].page-profile-data .page-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-profile-data .page-content {
        flex-direction: row
    }
}

main[role=main].page-profile-data .page-content .left-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-profile-data .page-content .left-content {
        height: 251px;
        margin: 0;
        position: sticky;
        top: 150px
    }
}

main[role=main].page-profile-data .page-content .right-content {
    background-color: #fff;
    clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%, 0 40px);
    color: #000;
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    max-width: none;
    padding: 40px 16px 50px;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-profile-data .page-content .right-content {
        max-width: 55%
    }
}

@media (min-width:576px) {
    main[role=main].page-profile-data .page-content .right-content {
        padding-left: 31.67px;
        padding-right: 31.67px
    }
}

@media (min-width:768px) {
    main[role=main].page-profile-data .page-content .right-content {
        padding-left: 47.33px;
        padding-right: 47.33px
    }
}

@media (min-width:992px) {
    main[role=main].page-profile-data .page-content .right-content {
        padding-left: 68.22px;
        padding-right: 68.22px
    }
}

@media (min-width:1200px) {
    main[role=main].page-profile-data .page-content .right-content {
        padding-left: 83.89px;
        padding-right: 83.89px
    }
}

@media (min-width:1500px) {
    main[role=main].page-profile-data .page-content .right-content {
        padding-left: 110px;
        padding-right: 110px
    }
}

@media (min-width:992px) {
    main[role=main].page-profile-data .page-content .right-content {
        padding-bottom: 100px;
        padding-top: 80px
    }
}

main[role=main].page-profile-data .page-content .right-content .form-container {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin-bottom: 80px
}

main[role=main].page-profile-data .page-content .right-content .form-container:last-child {
    margin-bottom: 0
}

main[role=main].page-profile-data .page-content .right-content .header {
    letter-spacing: -.04em
}

main[role=main].page-profile-data .page-content .right-content .header>span {
    color: #5b28a1;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase
}

main[role=main].page-profile-data .page-content .right-content .header p {
    margin-bottom: 0;
    margin-top: 20px;
    opacity: .7
}

main[role=main].page-profile-data .page-content .right-content .form {
    margin-top: 40px
}

main[role=main].page-profile-data .page-content .right-content .form .form-group {
    margin-top: 80px
}

@media (min-width:992px) {
    main[role=main].page-profile-data .page-content .right-content .form .form-group {
        margin-top: 100px
    }
}

main[role=main].page-profile-data .page-content .right-content .form .form-group:first-child {
    margin-top: 0
}

main[role=main].page-profile-data .page-content .right-content .form .form-check {
    margin-top: 44px
}

@media (min-width:992px) {
    main[role=main].page-profile-data .page-content .right-content .form .form-check {
        margin-top: 50px
    }
}

main[role=main].page-profile-data .page-content .right-content .form .form-check {
    font-size: .8125rem
}

main[role=main].page-profile-data .page-content .right-content .form .form-check .form-check-input {
    height: 1.384em;
    width: 1.384em
}

main[role=main].page-profile-data .page-content .right-content .form .form-floating:has(.form-control:-moz-placeholder-shown:not(:focus))>label {
    color: rgba(0, 0, 0, .36)
}

main[role=main].page-profile-data .page-content .right-content .form .form-floating:has(.form-control:placeholder-shown:not(:focus))>label {
    color: rgba(0, 0, 0, .36)
}

main[role=main].page-profile-data .page-content .right-content .form .form-floating {
    position: relative
}

main[role=main].page-profile-data .page-content .right-content .form .form-floating>.select-no-options {
    border-color: rgba(0, 0, 0, .36)
}

main[role=main].page-profile-data .page-content .right-content .form .form-floating:has(.select-no-options:not(:focus))>label,
main[role=main].page-profile-data .page-content .right-content .form .select-no-options {
    color: rgba(0, 0, 0, .36)
}

main[role=main].page-profile-data .page-content .right-content .form .hint {
    color: #404040;
    font-size: .75rem;
    margin-top: 10px
}

main[role=main].page-profile-data .page-content .right-content .form .cta-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-top: 40px
}

@media (min-width:992px) {
    main[role=main].page-profile-data .page-content .right-content .form .cta-container {
        margin-top: 50px
    }
}

main[role=main].page-profile-data .page-content .right-content .form .cta {
    display: block;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1
}

main[role=main].page-profile-data .page-content .right-content .form .delete-profile {
    color: #e2241c;
    margin-top: 32px;
    padding-left: 30px
}

@media (min-width:992px) {
    main[role=main].page-profile-data .page-content .right-content .form .delete-profile {
        color: #000
    }
}

main[role=main].page-profile-data .page-content .right-content .form .change-password {
    padding-top: 24px
}

main[role=main].page-profile-data .page-content .right-content .btn-submit {
    width: 100%
}

main[role=main].page-all-challenges {
    overflow: hidden
}

main[role=main].page-all-challenges .left,
main[role=main].page-all-challenges .right {
    height: auto;
    max-width: none
}

main[role=main].page-all-challenges .right {
    right: 0;
    top: 50px;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-all-challenges .right {
        top: 0;
        width: 60%
    }
}

main[role=main].page-all-challenges .left {
    left: 0;
    top: 1400px;
    width: 60%
}

@media (max-width:991.98px) {
    main[role=main].page-all-challenges .left {
        opacity: .1;
        right: 0;
        top: 45%;
        width: 180%
    }
}

main[role=main].page-all-challenges .page-header-container {
    align-items: flex-start;
    display: flex;
    margin-top: 46px;
    position: relative
}

@media (min-width:576px) {
    main[role=main].page-all-challenges .page-header-container {
        margin-top: 51.67px
    }
}

@media (min-width:768px) {
    main[role=main].page-all-challenges .page-header-container {
        margin-top: 57.33px
    }
}

@media (min-width:992px) {
    main[role=main].page-all-challenges .page-header-container {
        margin-top: 64.89px
    }
}

@media (min-width:1200px) {
    main[role=main].page-all-challenges .page-header-container {
        margin-top: 70.56px
    }
}

@media (min-width:1500px) {
    main[role=main].page-all-challenges .page-header-container {
        margin-top: 80px
    }
}

@media (min-width:992px) {
    main[role=main].page-all-challenges .page-header-container {
        margin-bottom: 54px
    }
}

@media (min-width:1200px) {
    main[role=main].page-all-challenges .page-header-container {
        margin-bottom: 64.13px
    }
}

@media (min-width:1500px) {
    main[role=main].page-all-challenges .page-header-container {
        margin-bottom: 81px
    }
}

@media (min-width:2000px) {
    main[role=main].page-all-challenges .page-header-container {
        margin-bottom: 108px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-all-challenges .page-header-container {
        flex-direction: column
    }
}

main[role=main].page-all-challenges .page-header-container .title {
    flex: 0 0 auto;
    font-size: 3.8125rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-all-challenges .page-header-container .title {
        font-size: 4.1669rem
    }
}

@media (min-width:768px) {
    main[role=main].page-all-challenges .page-header-container .title {
        font-size: 4.5206rem
    }
}

@media (min-width:992px) {
    main[role=main].page-all-challenges .page-header-container .title {
        font-size: 4.9931rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-all-challenges .page-header-container .title {
        font-size: 5.3475rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-all-challenges .page-header-container .title {
        font-size: 5.9375rem
    }
}

@media (min-width:992px) {
    main[role=main].page-all-challenges .page-header-container .title {
        padding-bottom: 56px
    }
}

@media only screen and (max-width:376px) {
    main[role=main].page-all-challenges .page-header-container .title {
        font-size: 2.25rem
    }
}

main[role=main].page-all-challenges .page-header-container .personal-rank {
    align-items: center;
    display: flex;
    position: absolute
}

@media (min-width:992px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank {
        top: 110px
    }
}

@media (min-width:1200px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank {
        top: 130px
    }
}

@media (min-width:992px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank {
        left: 74px
    }
}

@media (min-width:1500px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank {
        left: 88px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank {
        justify-content: center;
        left: unset;
        margin-top: 40px;
        position: relative;
        top: unset;
        width: 100%
    }
}

main[role=main].page-all-challenges .page-header-container .personal-rank .rank-label {
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 0;
    padding-right: 0;
    text-transform: uppercase
}

@media (min-width:1200px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank .rank-label {
        font-size: 1rem;
        padding-bottom: 15px
    }
}

@media (min-width:992px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank .rank-label {
        padding-right: 35px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank .rank-label {
        left: 20px;
        max-width: 64px;
        position: absolute;
        top: 0
    }
}

@media (max-width:991.98px) and (min-width:576px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank .rank-label {
        left: 74px
    }
}

@media (max-width:991.98px) and (min-width:768px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank .rank-label {
        left: 128px
    }
}

@media (max-width:991.98px) and (min-width:992px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank .rank-label {
        left: 200px
    }
}

@media (max-width:991.98px) and (min-width:576px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank .rank-label {
        max-width: 91px
    }
}

@media (max-width:991.98px) and (min-width:768px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank .rank-label {
        max-width: 118px
    }
}

@media (max-width:991.98px) and (min-width:992px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank .rank-label {
        max-width: 154px
    }
}

main[role=main].page-all-challenges .page-header-container .personal-rank .personal-rank-container {
    position: relative
}

main[role=main].page-all-challenges .page-header-container .personal-rank .personal-rank-container .progress {
    margin-top: 0
}

@media (max-width:991.98px) {
    main[role=main].page-all-challenges .page-header-container .personal-rank .personal-rank-container .badge {
        position: absolute;
        right: -57px;
        top: 54px;
        transform: none
    }
}

main[role=main].page-all-challenges .page-header-container .challenges-description {
    align-self: flex-end;
    font-size: 1.125rem;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin-top: 72px
}

@media (min-width:992px) {
    main[role=main].page-all-challenges .page-header-container .challenges-description {
        margin-top: 0;
        padding-left: 130px
    }
}

@media (min-width:1200px) {
    main[role=main].page-all-challenges .page-header-container .challenges-description {
        padding-left: 175px
    }
}

@media (min-width:1500px) {
    main[role=main].page-all-challenges .page-header-container .challenges-description {
        padding-left: 250px
    }
}

@media (min-width:1200px) {
    main[role=main].page-all-challenges .page-header-container .challenges-description {
        font-size: 1.25rem
    }
}

main[role=main].page-all-challenges .challenges-list .challenge-card-container {
    margin-top: 80px
}

@media (min-width:992px) {
    main[role=main].page-all-challenges .challenges-list .challenge-card-container {
        margin-top: 100px
    }
}

main[role=main].page-all-challenges .challenges-list .challenge-card-container:first-child {
    margin-top: 133px
}

@media (min-width:992px) {
    main[role=main].page-all-challenges .challenges-list .challenge-card-container:first-child {
        margin-top: 153px
    }
}

main[role=main].page-player-of-the-month {
    background: linear-gradient(9.69deg, #361e61 70.36%, #4c298a 93.34%)
}

main[role=main].page-player-of-the-month .horizontal-gradient,
main[role=main].page-player-of-the-month .vertical-gradient {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

main[role=main].page-player-of-the-month .horizontal-gradient.purple {
    background: linear-gradient(252.12deg, rgba(166, 19, 190, .5) 4.59%, rgba(166, 19, 190, 0) 77.86%)
}

main[role=main].page-player-of-the-month .horizontal-gradient.black {
    background: linear-gradient(90deg, #000 4.59%, rgba(166, 19, 190, 0) 77.86%)
}

main[role=main].page-player-of-the-month .vertical-gradient {
    background: linear-gradient(180deg, rgba(19, 3, 22, 0), #130316)
}

main[role=main].page-player-of-the-month section {
    min-height: 100dvh
}

main[role=main].page-player-of-the-month section.vote-player {
    margin-bottom: 80px;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.vote-player {
        margin-bottom: 120px
    }
}

main[role=main].page-player-of-the-month section.vote-player .background-texture {
    height: auto;
    max-width: none;
    right: 0;
    top: -15%;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.vote-player .background-texture {
        height: 130%;
        top: -20%;
        width: auto
    }
}

main[role=main].page-player-of-the-month section.vote-player .header {
    display: flex;
    justify-content: center;
    margin-bottom: 152px;
    margin-top: 26px;
    position: relative
}

@media (min-width:576px) {
    main[role=main].page-player-of-the-month section.vote-player .header {
        margin-top: 25px
    }
}

@media (min-width:768px) {
    main[role=main].page-player-of-the-month section.vote-player .header {
        margin-top: 24px
    }
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.vote-player .header {
        margin-top: 22.67px
    }
}

@media (min-width:1200px) {
    main[role=main].page-player-of-the-month section.vote-player .header {
        margin-top: 21.67px
    }
}

@media (min-width:1500px) {
    main[role=main].page-player-of-the-month section.vote-player .header {
        margin-top: 20px
    }
}

@media (min-width:576px) {
    main[role=main].page-player-of-the-month section.vote-player .header {
        margin-bottom: 141.67px
    }
}

@media (min-width:768px) {
    main[role=main].page-player-of-the-month section.vote-player .header {
        margin-bottom: 131.33px
    }
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.vote-player .header {
        margin-bottom: 117.56px
    }
}

@media (min-width:1200px) {
    main[role=main].page-player-of-the-month section.vote-player .header {
        margin-bottom: 107.22px
    }
}

@media (min-width:1500px) {
    main[role=main].page-player-of-the-month section.vote-player .header {
        margin-bottom: 90px
    }
}

main[role=main].page-player-of-the-month section.vote-player .header .title {
    font-size: 3.8125rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-player-of-the-month section.vote-player .header .title {
        font-size: 4.0625rem
    }
}

@media (min-width:768px) {
    main[role=main].page-player-of-the-month section.vote-player .header .title {
        font-size: 4.3125rem
    }
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.vote-player .header .title {
        font-size: 4.6456rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-player-of-the-month section.vote-player .header .title {
        font-size: 4.8956rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-player-of-the-month section.vote-player .header .title {
        font-size: 5.3125rem
    }
}

@media only screen and (max-width:376px) {
    main[role=main].page-player-of-the-month section.vote-player .header .title {
        font-size: 2.25rem
    }
}

main[role=main].page-player-of-the-month section.vote-player .header .logo {
    height: 105px;
    left: 5%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto
}

@media (max-width:991.98px) {
    main[role=main].page-player-of-the-month section.vote-player .header .logo {
        bottom: -110px;
        left: 50%;
        top: unset;
        transform: translateX(-50%)
    }
}

main[role=main].page-player-of-the-month section.vote-player .marquee-container {
    left: 0;
    position: absolute;
    right: 0;
    top: 420px
}

@media only screen and (max-width:991px) {
    main[role=main].page-player-of-the-month section.vote-player .marquee-container {
        top: 670px;
        z-index: 1
    }
}

@media only screen and (max-width:375px) {
    main[role=main].page-player-of-the-month section.vote-player .marquee-container {
        top: 610px
    }
}

main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text {
    height: 72px
}

@media (min-width:576px) {
    main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text {
        height: 79.33px
    }
}

@media (min-width:768px) {
    main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text {
        height: 86.67px
    }
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text {
        height: 96.44px
    }
}

@media (min-width:1200px) {
    main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text {
        height: 103.78px
    }
}

@media (min-width:1500px) {
    main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text {
        height: 116px
    }
}

main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text .track-horizontal .marquee-text {
    text-stroke: 3px #fff;
    -webkit-text-stroke: 3px #fff;
    color: transparent;
    font-size: 4.125rem
}

@media (min-width:576px) {
    main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text .track-horizontal .marquee-text {
        font-size: 4.5831rem
    }
}

@media (min-width:768px) {
    main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text .track-horizontal .marquee-text {
        font-size: 5.0419rem
    }
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text .track-horizontal .marquee-text {
        font-size: 5.6525rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text .track-horizontal .marquee-text {
        font-size: 6.1113rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text .track-horizontal .marquee-text {
        font-size: 6.875rem
    }
}

main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text:nth-child(2) .track-horizontal {
    animation: marquee-horizontal 40s linear infinite
}

main[role=main].page-player-of-the-month section.vote-player .marquee-container .marquee-big-text:nth-child(2) .track-horizontal .marquee-text {
    text-stroke: 3px #009641;
    -webkit-text-stroke: 3px #009641
}

main[role=main].page-player-of-the-month section.vote-player .cta-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

main[role=main].page-player-of-the-month section.vote-player .cta-container .background-container {
    height: 460px;
    margin: 0 0 148px;
    max-width: 360px;
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.vote-player .cta-container .background-container {
        height: 515px;
        margin: -20px 0 -35px;
        max-width: 400px
    }
}

main[role=main].page-player-of-the-month section.vote-player .cta-container .external-border,
main[role=main].page-player-of-the-month section.vote-player .cta-container .vote-cta-description {
    z-index: 2
}

main[role=main].page-player-of-the-month section.vote-player .cta-container .vote-cta-description {
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 37px;
    max-width: 450px;
    text-align: center
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.vote-player .cta-container .vote-cta-description {
        margin-top: 45px
    }
}

main[role=main].page-player-of-the-month section.winner-of-the-month {
    background-color: #260e51;
    overflow: hidden;
    position: relative;
    z-index: 1
}

main[role=main].page-player-of-the-month section.winner-of-the-month .background-video {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    top: 0;
    width: 100%
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card {
    align-items: center;
    background-color: #270d50;
    display: flex;
    flex-direction: column;
    height: 310px;
    justify-content: space-between;
    left: 50%;
    overflow: hidden;
    padding: 10px 20px 20px;
    position: absolute;
    transform: translateX(-50%);
    width: 240px;
    z-index: 1
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.winner-of-the-month .player-card {
        height: 515px;
        left: 50%;
        padding: 20px 30px 30px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 400px
    }
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .background-texture {
    max-width: 100%;
    top: 0
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .horizontal-gradient {
    background: linear-gradient(252.12deg, rgba(166, 19, 190, .5) 4.59%, rgba(166, 19, 190, 0) 77.86%)
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .vertical-gradient {
    background: linear-gradient(180deg, rgba(19, 3, 22, 0), #130316)
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container {
    font-style: italic;
    font-weight: 800;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .marquee-container {
    left: -20px;
    position: absolute;
    right: -20px;
    top: 0
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .marquee-container {
        left: -30px;
        right: -30px
    }
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .marquee-container.win-label {
    top: 60px
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .marquee-container.win-label .track-horizontal {
    animation: marquee-horizontal 40s linear infinite
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .marquee-horizontal {
    height: 45px
}

@media (min-width:576px) {
    main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .marquee-horizontal {
        height: 49.5px
    }
}

@media (min-width:768px) {
    main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .marquee-horizontal {
        height: 54px
    }
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .marquee-horizontal {
        height: 60px
    }
}

@media (min-width:1200px) {
    main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .marquee-horizontal {
        height: 64.5px
    }
}

@media (min-width:1500px) {
    main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .marquee-horizontal {
        height: 72px
    }
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .month-label {
    text-stroke: 3px #fff;
    -webkit-text-stroke: 3px #fff;
    color: transparent;
    font-size: 2.375rem;
    font-weight: 700;
    line-height: 1;
    margin-right: 20px;
    text-align: center
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .month-label {
        font-size: 4.0625rem;
        margin-right: 40px
    }
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .win-label {
    color: #009641;
    font-size: 1.25rem;
    line-height: 1.1;
    text-align: left
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .month-title-container .win-label {
        font-size: 2.0625rem
    }
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .player-info {
    font-weight: 800;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .player-info .player-name {
    font-size: 1.5rem;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-bottom: 3px;
    margin-top: 0
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .player-info .player-name {
        font-size: 2.5rem
    }
}

main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .player-info .player-role {
    font-size: .625rem;
    font-style: italic;
    letter-spacing: -.04em
}

@media (min-width:992px) {
    main[role=main].page-player-of-the-month section.winner-of-the-month .player-card .player-info .player-role {
        font-size: 1rem
    }
}

main[role=main].page-competitions {
    overflow: hidden;
    position: relative
}

@media (max-width:767.98px) {
    main[role=main].page-competitions {
        background: none
    }
}

main[role=main].page-competitions .background-texture {
    left: 0;
    top: 0;
    width: 150%
}

@media (min-width:992px) {
    main[role=main].page-competitions .background-texture {
        left: unset;
        right: 0;
        width: 120%
    }
}

main[role=main].page-competitions .header {
    overflow: hidden;
    padding-bottom: 130px;
    padding-top: 46px;
    position: relative
}

@media (min-width:576px) {
    main[role=main].page-competitions .header {
        padding-top: 51.67px
    }
}

@media (min-width:768px) {
    main[role=main].page-competitions .header {
        padding-top: 57.33px
    }
}

@media (min-width:992px) {
    main[role=main].page-competitions .header {
        padding-top: 64.89px
    }
}

@media (min-width:1200px) {
    main[role=main].page-competitions .header {
        padding-top: 70.56px
    }
}

@media (min-width:1500px) {
    main[role=main].page-competitions .header {
        padding-top: 80px
    }
}

@media (min-width:576px) {
    main[role=main].page-competitions .header {
        padding-bottom: 123.33px
    }
}

@media (min-width:768px) {
    main[role=main].page-competitions .header {
        padding-bottom: 116.67px
    }
}

@media (min-width:992px) {
    main[role=main].page-competitions .header {
        padding-bottom: 107.78px
    }
}

@media (min-width:1200px) {
    main[role=main].page-competitions .header {
        padding-bottom: 101.11px
    }
}

@media (min-width:1500px) {
    main[role=main].page-competitions .header {
        padding-bottom: 90px
    }
}

main[role=main].page-competitions .header .title {
    font-size: 3.75rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-competitions .header .title {
        font-size: 4.1144rem
    }
}

@media (min-width:768px) {
    main[role=main].page-competitions .header .title {
        font-size: 4.4794rem
    }
}

@media (min-width:992px) {
    main[role=main].page-competitions .header .title {
        font-size: 4.965rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-competitions .header .title {
        font-size: 5.33rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-competitions .header .title {
        font-size: 5.9375rem
    }
}

@media only screen and (max-width:376px) {
    main[role=main].page-competitions .header .title {
        font-size: 2.875rem
    }
}

main[role=main].page-competitions .competitions-list-container {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 48px
}

@media (min-width:992px) {
    main[role=main].page-competitions .competitions-list-container {
        row-gap: 112px
    }
}

main[role=main].page-vote-player {
    background: #270d50 linear-gradient(252.12deg, rgba(166, 19, 190, .5) 4.59%, rgba(166, 19, 190, 0) 77.86%);
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    overflow: hidden
}

main[role=main].page-vote-player .hidden {
    opacity: 0 !important;
    visibility: hidden !important
}

@keyframes fade-in {
    0% {
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }
    to {
        opacity: 1;
        pointer-events: auto;
        visibility: visible
    }
}

main[role=main].page-vote-player .slider-in {
    animation-duration: .8s;
    animation-name: translate-from-top;
    animation-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:992px) {
    main[role=main].page-vote-player .slider-in {
        animation-name: translate-from-right
    }
}

@keyframes translate-from-right {
    0% {
        opacity: 0;
        transform: translateX(calc(100% + 40px)) translateY(-50%);
        visibility: hidden
    }
    to {
        opacity: 1;
        transform: translateX(0) translateY(-50%);
        visibility: visible
    }
}

@keyframes translate-from-top {
    0% {
        opacity: 0;
        transform: translateY(-40px);
        visibility: hidden
    }
    to {
        opacity: 1;
        transform: translateY(0);
        visibility: visible
    }
}

main[role=main].page-vote-player .element-in {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important
}

main[role=main].page-vote-player .player-current-in {
    transform: translate(0)
}

main[role=main].page-vote-player .player-current-out {
    opacity: 0 !important;
    transform: translateY(100px);
    transform: translateX(-100px);
    visibility: hidden !important
}

@media (min-width:992px) {
    main[role=main].page-vote-player .player-current-out {
        transform: translateY(100px)
    }
}

main[role=main].page-vote-player .playtowin-texture {
    top: -15%
}

main[role=main].page-vote-player .giocatore-texture {
    bottom: -40%;
    width: auto
}

@media (min-width:1200px) {
    main[role=main].page-vote-player .giocatore-texture {
        width: 100%
    }
}

@media (min-width:576px) {
    main[role=main].page-vote-player .giocatore-texture {
        bottom: -20%
    }
}

@media (min-width:768px) {
    main[role=main].page-vote-player .giocatore-texture {
        bottom: -10%
    }
}

@media (min-width:1500px) {
    main[role=main].page-vote-player .giocatore-texture {
        bottom: unset
    }
}

main[role=main].page-vote-player section.men-team,
main[role=main].page-vote-player section.vote-player {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    padding-top: 46px;
    position: relative
}

@media (min-width:576px) {
    main[role=main].page-vote-player section.men-team,
    main[role=main].page-vote-player section.vote-player {
        padding-top: 51.67px
    }
}

@media (min-width:768px) {
    main[role=main].page-vote-player section.men-team,
    main[role=main].page-vote-player section.vote-player {
        padding-top: 57.33px
    }
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team,
    main[role=main].page-vote-player section.vote-player {
        padding-top: 64.89px
    }
}

@media (min-width:1200px) {
    main[role=main].page-vote-player section.men-team,
    main[role=main].page-vote-player section.vote-player {
        padding-top: 70.56px
    }
}

@media (min-width:1500px) {
    main[role=main].page-vote-player section.men-team,
    main[role=main].page-vote-player section.vote-player {
        padding-top: 80px
    }
}

main[role=main].page-vote-player section.men-team.voted .slider-container,
main[role=main].page-vote-player section.vote-player.voted .slider-container {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-40px);
    visibility: hidden
}

main[role=main].page-vote-player section.men-team.voted .current-player .player-number,
main[role=main].page-vote-player section.vote-player.voted .current-player .player-number {
    bottom: 75%;
    transform: rotateX(10deg) rotateY(-35deg) rotate(-5deg);
    transition-property: bottom, transform
}

main[role=main].page-vote-player section.men-team.voted .current-player .current-player-pic,
main[role=main].page-vote-player section.vote-player.voted .current-player .current-player-pic {
    transform: translateX(-50%) scale(1.3)
}

main[role=main].page-vote-player section.men-team.voted .current-player .current-player-info .player-role,
main[role=main].page-vote-player section.vote-player.voted .current-player .current-player-info .player-role {
    display: none
}

main[role=main].page-vote-player section.men-team.voted .current-player .current-player-info .voted-section,
main[role=main].page-vote-player section.vote-player.voted .current-player .current-player-info .voted-section {
    display: flex
}

main[role=main].page-vote-player section.men-team.voted .slider-cta-wrapper,
main[role=main].page-vote-player section.vote-player.voted .slider-cta-wrapper {
    display: none
}

main[role=main].page-vote-player section.men-team .loading-container,
main[role=main].page-vote-player section.vote-player .loading-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    left: 0;
    padding-bottom: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .loading-container,
    main[role=main].page-vote-player section.vote-player .loading-container {
        padding-left: 0
    }
}

@media (min-width:1200px) {
    main[role=main].page-vote-player section.men-team .loading-container,
    main[role=main].page-vote-player section.vote-player .loading-container {
        padding-left: 36px
    }
}

@media (min-width:1500px) {
    main[role=main].page-vote-player section.men-team .loading-container,
    main[role=main].page-vote-player section.vote-player .loading-container {
        padding-left: 96px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-vote-player section.men-team .loading-container,
    main[role=main].page-vote-player section.vote-player .loading-container {
        height: auto;
        left: 50%;
        padding-bottom: 0;
        transform: translate(-50%, -50%)
    }
}

main[role=main].page-vote-player section.men-team .loading-container .logo,
main[role=main].page-vote-player section.vote-player .loading-container .logo {
    display: block;
    height: 105px;
    margin: 0 auto;
    width: auto
}

@media (min-width:992px) and (max-width:1199.98px) {
    main[role=main].page-vote-player section.men-team .loading-container .logo,
    main[role=main].page-vote-player section.vote-player .loading-container .logo {
        height: 85px
    }
}

main[role=main].page-vote-player section.men-team .loading-container .title-label,
main[role=main].page-vote-player section.vote-player .loading-container .title-label {
    font-size: 3.8125rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 80px;
    max-width: 264px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .loading-container .title-label,
    main[role=main].page-vote-player section.vote-player .loading-container .title-label {
        color: #009641;
        font-size: 1.3125rem;
        font-style: italic;
        font-weight: 900;
        margin-top: 22px;
        max-width: 212px
    }
}

@media (min-width:1200px) {
    main[role=main].page-vote-player section.men-team .loading-container .title-label,
    main[role=main].page-vote-player section.vote-player .loading-container .title-label {
        font-size: 1.5625rem
    }
}

main[role=main].page-vote-player section.men-team .loading-container .month-label,
main[role=main].page-vote-player section.vote-player .loading-container .month-label {
    font-size: 1.75rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .loading-container .month-label,
    main[role=main].page-vote-player section.vote-player .loading-container .month-label {
        font-size: 1.5rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-vote-player section.men-team .loading-container .month-label,
    main[role=main].page-vote-player section.vote-player .loading-container .month-label {
        font-size: 1.75rem
    }
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .loading-container .month-label,
    main[role=main].page-vote-player section.vote-player .loading-container .month-label {
        margin-top: 8px
    }
}

main[role=main].page-vote-player section.men-team .loading-container .scroll-progress,
main[role=main].page-vote-player section.vote-player .loading-container .scroll-progress {
    display: none
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .loading-container .scroll-progress,
    main[role=main].page-vote-player section.vote-player .loading-container .scroll-progress {
        display: block
    }
}

main[role=main].page-vote-player section.men-team .current-player,
main[role=main].page-vote-player section.vote-player .current-player {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 100px;
    max-width: 1000px;
    padding-bottom: 120px;
    position: relative;
    transition-duration: .3s;
    transition-property: opacity, visibility, transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .current-player,
    main[role=main].page-vote-player section.vote-player .current-player {
        margin-top: 0
    }
}

main[role=main].page-vote-player section.men-team .current-player .player-number,
main[role=main].page-vote-player section.vote-player .current-player .player-number {
    bottom: 50%;
    font-family: Bayon, sans-serif;
    font-size: 8.75rem;
    font-weight: 400;
    left: 120px;
    letter-spacing: -.03em;
    line-height: 1;
    margin: 0;
    position: absolute;
    rotate: -2deg;
    transform: rotate3d(1, 1, 1, -10.5deg);
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .current-player .player-number,
    main[role=main].page-vote-player section.vote-player .current-player .player-number {
        font-size: 18.75rem
    }
}

@media (max-width:991.98px) {
    main[role=main].page-vote-player section.men-team .current-player .player-number,
    main[role=main].page-vote-player section.vote-player .current-player .player-number {
        bottom: 30%;
        left: 32px;
        transform: translateY(-50%) rotate3d(1, 1, 1, -10.5deg)
    }
}

main[role=main].page-vote-player section.men-team .current-player .current-player-pic,
main[role=main].page-vote-player section.vote-player .current-player .current-player-pic {
    bottom: 0;
    height: auto;
    left: 50%;
    max-width: 55dvh;
    position: absolute;
    transform: translateX(-50%);
    transition-duration: .3s;
    transition-property: opacity, visibility, transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .current-player .current-player-pic,
    main[role=main].page-vote-player section.vote-player .current-player .current-player-pic {
        max-width: 70dvh
    }
}

main[role=main].page-vote-player section.men-team .current-player .current-player-info,
main[role=main].page-vote-player section.vote-player .current-player .current-player-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1
}

main[role=main].page-vote-player section.men-team .current-player .current-player-info .player-name,
main[role=main].page-vote-player section.vote-player .current-player .current-player-info .player-name {
    font-size: 1.375rem;
    font-style: italic;
    line-height: 1.1;
    margin-bottom: 8px;
    text-transform: uppercase
}

@media (max-width:991.98px) {
    main[role=main].page-vote-player section.men-team .current-player .current-player-info .player-name,
    main[role=main].page-vote-player section.vote-player .current-player .current-player-info .player-name {
        display: none
    }
}

main[role=main].page-vote-player section.men-team .current-player .current-player-info .player-surname,
main[role=main].page-vote-player section.vote-player .current-player .current-player-info .player-surname {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 8px;
    text-align: center;
    text-transform: uppercase;
    transition-duration: .5s;
    transition-property: translate, opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:1200px) {
    main[role=main].page-vote-player section.men-team .current-player .current-player-info .player-surname,
    main[role=main].page-vote-player section.vote-player .current-player .current-player-info .player-surname {
        font-size: 4.6875rem
    }
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .current-player .current-player-info .player-surname,
    main[role=main].page-vote-player section.vote-player .current-player .current-player-info .player-surname {
        margin-bottom: 24px
    }
}

main[role=main].page-vote-player section.men-team .current-player .current-player-info .player-surname.element-translate,
main[role=main].page-vote-player section.vote-player .current-player .current-player-info .player-surname.element-translate {
    translate: 0 -50px
}

@media (min-width:768px) {
    main[role=main].page-vote-player section.men-team .current-player .current-player-info .player-surname.element-translate,
    main[role=main].page-vote-player section.vote-player .current-player .current-player-info .player-surname.element-translate {
        opacity: 0;
        visibility: hidden
    }
}

main[role=main].page-vote-player section.men-team .current-player .current-player-info .player-role,
main[role=main].page-vote-player section.vote-player .current-player .current-player-info .player-role {
    font-size: .8125rem;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.4;
    margin-bottom: 16px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:1200px) {
    main[role=main].page-vote-player section.men-team .current-player .current-player-info .player-role,
    main[role=main].page-vote-player section.vote-player .current-player .current-player-info .player-role {
        font-size: .9375rem
    }
}

main[role=main].page-vote-player section.men-team .current-player .current-player-info .voted-section,
main[role=main].page-vote-player section.vote-player .current-player .current-player-info .voted-section {
    align-items: center;
    display: none;
    flex-direction: column
}

main[role=main].page-vote-player section.men-team .current-player .current-player-info .voted-section .btn-outline-secondary,
main[role=main].page-vote-player section.men-team .current-player .current-player-info .voted-section .voted-msg,
main[role=main].page-vote-player section.vote-player .current-player .current-player-info .voted-section .btn-outline-secondary,
main[role=main].page-vote-player section.vote-player .current-player .current-player-info .voted-section .voted-msg {
    opacity: 0;
    pointer-events: none;
    transition-duration: .5s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    visibility: hidden
}

main[role=main].page-vote-player section.men-team .current-player .current-player-info .voted-section .voted-label,
main[role=main].page-vote-player section.vote-player .current-player .current-player-info .voted-section .voted-label {
    text-stroke: 3px #009641;
    -webkit-text-stroke: 3px #009641;
    color: transparent;
    font-size: 3.75rem;
    font-style: italic;
    font-weight: 800;
    left: 50%;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    transform: translate(-50%, 40px);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
    white-space: nowrap
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .current-player .current-player-info .voted-section .voted-label,
    main[role=main].page-vote-player section.vote-player .current-player .current-player-info .voted-section .voted-label {
        font-size: 7.75rem
    }
}

main[role=main].page-vote-player section.men-team .current-player .current-player-info .voted-section .voted-label.element-translate,
main[role=main].page-vote-player section.vote-player .current-player .current-player-info .voted-section .voted-label.element-translate {
    transform: translate(-50%, -100%)
}

main[role=main].page-vote-player section.men-team .current-player .current-player-info .voted-section .voted-msg,
main[role=main].page-vote-player section.vote-player .current-player .current-player-info .voted-section .voted-msg {
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 24px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .current-player .current-player-info .voted-section .voted-msg,
    main[role=main].page-vote-player section.vote-player .current-player .current-player-info .voted-section .voted-msg {
        font-size: 1rem
    }
}

main[role=main].page-vote-player section.men-team .slider-container,
main[role=main].page-vote-player section.vote-player .slider-container {
    align-items: center;
    display: flex;
    left: 0;
    max-height: 1000px;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .slider-container,
    main[role=main].page-vote-player section.vote-player .slider-container {
        height: 100%;
        left: unset;
        -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50px, #000 calc(100% - 50px), transparent);
        mask-image: linear-gradient(180deg, transparent 0, #000 50px, #000 calc(100% - 50px), transparent);
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
}

main[role=main].page-vote-player section.men-team .slider-container .scroll-component,
main[role=main].page-vote-player section.vote-player .slider-container .scroll-component {
    display: none;
    position: absolute;
    right: 220px
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .slider-container .scroll-component,
    main[role=main].page-vote-player section.vote-player .slider-container .scroll-component {
        display: block
    }
}

main[role=main].page-vote-player section.men-team .slider-container .placeholder-container,
main[role=main].page-vote-player section.vote-player .slider-container .placeholder-container {
    display: none
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .slider-container .placeholder-container,
    main[role=main].page-vote-player section.vote-player .slider-container .placeholder-container {
        display: block
    }
}

main[role=main].page-vote-player section.men-team .slider-container .placeholder-container>div,
main[role=main].page-vote-player section.vote-player .slider-container .placeholder-container>div {
    height: 100px
}

main[role=main].page-vote-player section.men-team .slider-container .vote-player-swiper-container,
main[role=main].page-vote-player section.vote-player .slider-container .vote-player-swiper-container {
    display: flex;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .slider-container .vote-player-swiper-container,
    main[role=main].page-vote-player section.vote-player .slider-container .vote-player-swiper-container {
        -ms-overflow-style: none;
        flex-direction: column;
        height: 100%;
        overflow: auto;
        padding-left: calc(100% - 140px);
        scrollbar-width: none !important
    }
    main[role=main].page-vote-player section.men-team .slider-container .vote-player-swiper-container::-webkit-scrollbar,
    main[role=main].page-vote-player section.vote-player .slider-container .vote-player-swiper-container::-webkit-scrollbar {
        display: none
    }
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .slider-container .vote-player-swiper-container .swiper-wrapper,
    main[role=main].page-vote-player section.vote-player .slider-container .vote-player-swiper-container .swiper-wrapper {
        flex-direction: column;
        height: auto;
        position: relative;
        width: 140px
    }
    main[role=main].page-vote-player section.men-team .slider-container .vote-player-swiper-container .swiper-wrapper .swiper-slide,
    main[role=main].page-vote-player section.vote-player .slider-container .vote-player-swiper-container .swiper-wrapper .swiper-slide {
        position: absolute
    }
}

main[role=main].page-vote-player section.men-team .slider-container .vote-player-swiper-container .swiper-slide,
main[role=main].page-vote-player section.vote-player .slider-container .vote-player-swiper-container .swiper-slide {
    height: auto
}

@media (max-width:991.98px) {
    main[role=main].page-vote-player section.men-team .slider-container .vote-player-swiper-container .swiper-slide,
    main[role=main].page-vote-player section.vote-player .slider-container .vote-player-swiper-container .swiper-slide {
        width: auto
    }
}

main[role=main].page-vote-player section.men-team .slider-container .player-item,
main[role=main].page-vote-player section.vote-player .slider-container .player-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .slider-container .player-item,
    main[role=main].page-vote-player section.vote-player .slider-container .player-item {
        flex-direction: row;
        height: 100px
    }
}

main[role=main].page-vote-player section.men-team .slider-container .player-item.current .player-number,
main[role=main].page-vote-player section.vote-player .slider-container .player-item.current .player-number {
    text-stroke: 1.8px #009641;
    -webkit-text-stroke: 1.8px #009641;
    color: transparent
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .slider-container .player-item.current .player-number,
    main[role=main].page-vote-player section.men-team .slider-container .player-item:hover .player-number,
    main[role=main].page-vote-player section.vote-player .slider-container .player-item.current .player-number,
    main[role=main].page-vote-player section.vote-player .slider-container .player-item:hover .player-number {
        transform: translateY(-50%)
    }
    main[role=main].page-vote-player section.men-team .slider-container .player-item.current .player-name,
    main[role=main].page-vote-player section.men-team .slider-container .player-item:hover .player-name,
    main[role=main].page-vote-player section.vote-player .slider-container .player-item.current .player-name,
    main[role=main].page-vote-player section.vote-player .slider-container .player-item:hover .player-name {
        opacity: 1 !important;
        visibility: visible !important
    }
}

main[role=main].page-vote-player section.men-team .slider-container .player-item .item-info,
main[role=main].page-vote-player section.vote-player .slider-container .player-item .item-info {
    align-items: center;
    align-self: stretch;
    display: flex;
    justify-content: center;
    margin-top: 12px;
    order: 1;
    position: relative;
    text-align: center
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .slider-container .player-item .item-info,
    main[role=main].page-vote-player section.vote-player .slider-container .player-item .item-info {
        margin-right: 8px;
        margin-top: 0;
        order: 0;
        text-align: right
    }
}

main[role=main].page-vote-player section.men-team .slider-container .player-item .item-info .player-number,
main[role=main].page-vote-player section.vote-player .slider-container .player-item .item-info .player-number {
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 900;
    letter-spacing: .03em;
    line-height: 1;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:1200px) {
    main[role=main].page-vote-player section.men-team .slider-container .player-item .item-info .player-number,
    main[role=main].page-vote-player section.vote-player .slider-container .player-item .item-info .player-number {
        font-size: 1.5625rem
    }
}

main[role=main].page-vote-player section.men-team .slider-container .player-item .item-info .player-name,
main[role=main].page-vote-player section.vote-player .slider-container .player-item .item-info .player-name {
    font-size: .6875rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: .03em;
    line-height: 1;
    opacity: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 60%;
    transform: translateY(-50%);
    transition-duration: .5s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    visibility: hidden
}

@media (max-width:991.98px) {
    main[role=main].page-vote-player section.men-team .slider-container .player-item .item-info .player-name,
    main[role=main].page-vote-player section.vote-player .slider-container .player-item .item-info .player-name {
        display: none
    }
}

main[role=main].page-vote-player section.men-team .slider-container .player-item .player-pic-container,
main[role=main].page-vote-player section.vote-player .slider-container .player-item .player-pic-container {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    padding-left: 16px;
    padding-right: 16px;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .slider-container .player-item .player-pic-container,
    main[role=main].page-vote-player section.vote-player .slider-container .player-item .player-pic-container {
        border-left: none;
        padding-left: 0;
        padding-right: 27px
    }
}

main[role=main].page-vote-player section.men-team .slider-container .player-item .player-pic-container img,
main[role=main].page-vote-player section.vote-player .slider-container .player-item .player-pic-container img {
    width: 76px
}

main[role=main].page-vote-player section.men-team .slider-cta-wrapper,
main[role=main].page-vote-player section.vote-player .slider-cta-wrapper {
    bottom: 48px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity, visibility .3s cubic-bezier(.165, .84, .44, 1)
}

main[role=main].page-vote-player section.men-team .slider-cta-wrapper.action-wrapper,
main[role=main].page-vote-player section.vote-player .slider-cta-wrapper.action-wrapper {
    display: flex
}

@media (min-width:992px) {
    main[role=main].page-vote-player section.men-team .slider-cta-wrapper.action-wrapper,
    main[role=main].page-vote-player section.vote-player .slider-cta-wrapper.action-wrapper {
        gap: 12px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-vote-player section.men-team .slider-cta-wrapper.action-wrapper,
    main[role=main].page-vote-player section.vote-player .slider-cta-wrapper.action-wrapper {
        bottom: 4px;
        flex-direction: column
    }
}

@media (max-width:991.98px) {
    main[role=main].page-vote-player section.men-team:has(.action-wrapper) .current-player,
    main[role=main].page-vote-player section.vote-player:has(.action-wrapper) .current-player {
        padding-bottom: 140px
    }
}

main[role=main].page-single-event-details {
    overflow: hidden
}

main[role=main].page-single-event-details .background-texture {
    left: 0;
    top: 0;
    width: 150%
}

@media (min-width:992px) {
    main[role=main].page-single-event-details .background-texture {
        left: unset;
        right: 0;
        width: 120%
    }
}

main[role=main].page-single-event-details .page-header-container {
    align-items: flex-start;
    display: flex;
    margin-bottom: 36px;
    margin-top: 36px;
    position: relative
}

@media (min-width:576px) {
    main[role=main].page-single-event-details .page-header-container {
        margin-top: 43.33px
    }
}

@media (min-width:768px) {
    main[role=main].page-single-event-details .page-header-container {
        margin-top: 50.67px
    }
}

@media (min-width:992px) {
    main[role=main].page-single-event-details .page-header-container {
        margin-top: 60.44px
    }
}

@media (min-width:1200px) {
    main[role=main].page-single-event-details .page-header-container {
        margin-top: 67.78px
    }
}

@media (min-width:1500px) {
    main[role=main].page-single-event-details .page-header-container {
        margin-top: 80px
    }
}

@media (min-width:992px) {
    main[role=main].page-single-event-details .page-header-container {
        margin-bottom: 180px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-single-event-details .page-header-container {
        flex-direction: column
    }
}

main[role=main].page-single-event-details .page-header-container .banner-title {
    flex: 0 0 auto;
    font-size: 3.8125rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0;
    max-width: none;
    padding-bottom: 0;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-single-event-details .page-header-container .banner-title {
        font-size: 4.1669rem
    }
}

@media (min-width:768px) {
    main[role=main].page-single-event-details .page-header-container .banner-title {
        font-size: 4.5206rem
    }
}

@media (min-width:992px) {
    main[role=main].page-single-event-details .page-header-container .banner-title {
        font-size: 4.9931rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-single-event-details .page-header-container .banner-title {
        font-size: 5.3475rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-single-event-details .page-header-container .banner-title {
        font-size: 5.9375rem
    }
}

@media (min-width:992px) {
    main[role=main].page-single-event-details .page-header-container .banner-title {
        max-width: 50%;
        padding-bottom: 56px
    }
}

@media only screen and (max-width:376px) {
    main[role=main].page-single-event-details .page-header-container .banner-title {
        font-size: 2.25rem
    }
}

main[role=main].page-single-event-details .page-header-container .header-image-container {
    align-items: center;
    display: flex;
    height: 180px;
    left: 50%;
    position: absolute;
    transform: none;
    width: 180px
}

@media (min-width:992px) {
    main[role=main].page-single-event-details .page-header-container .header-image-container {
        top: 60%
    }
}

@media (min-width:1200px) {
    main[role=main].page-single-event-details .page-header-container .header-image-container {
        top: 40%
    }
}

@media (min-width:992px) {
    main[role=main].page-single-event-details .page-header-container .header-image-container {
        transform: translateX(-50%)
    }
}

@media (max-width:991.98px) {
    main[role=main].page-single-event-details .page-header-container .header-image-container {
        justify-content: center;
        left: unset;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        position: relative;
        top: unset
    }
}

main[role=main].page-single-event-details .page-header-container .header-description {
    align-self: flex-end;
    font-size: 1.125rem;
    font-style: italic;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin-top: 72px;
    padding-left: 0
}

@media (min-width:992px) {
    main[role=main].page-single-event-details .page-header-container .header-description {
        margin-top: 0;
        padding-left: 15%
    }
}

@media (min-width:1200px) {
    main[role=main].page-single-event-details .page-header-container .header-description {
        font-size: 1.25rem
    }
}

main[role=main].page-single-event-details .banner-title {
    text-transform: uppercase
}

main[role=main].page-single-event-details .event-content {
    display: flex;
    flex-direction: column;
    position: relative
}

@media (min-width:1200px) {
    main[role=main].page-single-event-details .event-content {
        flex-direction: row
    }
}

main[role=main].page-single-event-details .event-content .event-image-container,
main[role=main].page-single-event-details .event-content .text-wrapper {
    width: auto
}

@media (min-width:1200px) {
    main[role=main].page-single-event-details .event-content .event-image-container,
    main[role=main].page-single-event-details .event-content .text-wrapper {
        width: 50%
    }
}

main[role=main].page-single-event-details .event-content .event-image-container {
    height: 600px;
    margin: 0 -16px;
    position: relative
}

@media (min-width:1200px) {
    main[role=main].page-single-event-details .event-content .event-image-container {
        height: 800px;
        margin: 0
    }
}

main[role=main].page-single-event-details .event-content .text-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-left: 5%
}

@media (max-width:1199.98px) {
    main[role=main].page-single-event-details .event-content .text-wrapper {
        margin-top: 32px;
        padding-left: 8px;
        padding-right: 8px
    }
}

main[role=main].page-single-event-details .event-content .text-wrapper .btn {
    margin-top: 48px
}

main[role=main].page-single-event-details .events-list-container {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 130px;
    row-gap: 48px
}

@media (min-width:992px) {
    main[role=main].page-single-event-details .events-list-container {
        row-gap: 112px
    }
}

main[role=main].page-play-to-win {
    overflow: hidden;
    padding-bottom: 150px;
    position: relative
}

main[role=main].page-play-to-win .hidden {
    display: none !important
}

main[role=main].page-play-to-win .fade-out {
    opacity: 0 !important;
    pointer-events: none;
    visibility: hidden !important
}

main[role=main].page-play-to-win .animate-fade {
    transition-duration: .5s;
    transition-property: opacity, visibility, transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

main[role=main].page-play-to-win .animation-texture {
    left: -100%;
    width: 400dvw;
    z-index: 1
}

@media (min-width:576px) {
    main[role=main].page-play-to-win .animation-texture {
        width: 300dvw
    }
}

@media (min-width:992px) {
    main[role=main].page-play-to-win .animation-texture {
        width: 220dvw
    }
}

main[role=main].page-play-to-win .animate-text {
    animation: play-text-animation 2.5s ease-in-out;
    animation-delay: .4s
}

@keyframes play-text-animation {
    0% {
        bottom: -100%;
        transform: rotate(35deg);
        transform-origin: left bottom
    }
    50% {
        bottom: 0;
        transform: none
    }
    to {
        transform: translate(100%, 50%);
        transform-origin: left bottom
    }
}

main[role=main].page-play-to-win .ajax-loader {
    background-color: #56358b;
    height: 200%;
    left: 0;
    position: absolute;
    rotate: 45deg;
    top: 0;
    transform: translate(-150%, -50%);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
    visibility: hidden;
    width: 400%
}

@media (min-width:768px) {
    main[role=main].page-play-to-win .ajax-loader {
        width: 300%
    }
}

@media (min-width:992px) {
    main[role=main].page-play-to-win .ajax-loader {
        width: 200%
    }
}

@media (min-width:768px) {
    main[role=main].page-play-to-win .ajax-loader {
        height: 300%
    }
}

main[role=main].page-play-to-win .ajax-loader.in {
    transform: translate(-50%);
    visibility: visible
}

main[role=main].page-play-to-win .ajax-loader.out {
    transform: translate(-50%, -100%);
    transition-duration: 2s;
    visibility: visible
}

main[role=main].page-play-to-win .win-marquee {
    align-items: flex-start;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

main[role=main].page-play-to-win .win-marquee>.h2,
main[role=main].page-play-to-win .win-marquee>h2 {
    color: #fff;
    font-size: 8vw;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 0;
    opacity: 1;
    pointer-events: none;
    text-transform: uppercase;
    transition-duration: 1s;
    transition-property: opacity, visibility, color;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    visibility: visible
}

main[role=main].page-play-to-win .win-marquee>.marquee-hidden.h2,
main[role=main].page-play-to-win .win-marquee>h2.marquee-hidden {
    opacity: 0;
    visibility: hidden
}

main[role=main].page-play-to-win .win-marquee>.h2:nth-child(4n+2),
main[role=main].page-play-to-win .win-marquee>.h2:nth-child(4n+3),
main[role=main].page-play-to-win .win-marquee>h2:nth-child(4n+2),
main[role=main].page-play-to-win .win-marquee>h2:nth-child(4n+3) {
    color: hsla(0, 0%, 100%, .5)
}

main[role=main].page-play-to-win section.play-to-win .background-texture {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: auto
}

@media (min-width:992px) {
    main[role=main].page-play-to-win section.play-to-win .background-texture {
        width: 100%
    }
}

main[role=main].page-play-to-win section.play-to-win .header {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 68px;
    padding-top: 46px
}

@media (min-width:576px) {
    main[role=main].page-play-to-win section.play-to-win .header {
        padding-top: 51.67px
    }
}

@media (min-width:768px) {
    main[role=main].page-play-to-win section.play-to-win .header {
        padding-top: 57.33px
    }
}

@media (min-width:992px) {
    main[role=main].page-play-to-win section.play-to-win .header {
        padding-top: 64.89px
    }
}

@media (min-width:1200px) {
    main[role=main].page-play-to-win section.play-to-win .header {
        padding-top: 70.56px
    }
}

@media (min-width:1500px) {
    main[role=main].page-play-to-win section.play-to-win .header {
        padding-top: 80px
    }
}

@media (min-width:576px) {
    main[role=main].page-play-to-win section.play-to-win .header {
        padding-bottom: 66px
    }
}

@media (min-width:768px) {
    main[role=main].page-play-to-win section.play-to-win .header {
        padding-bottom: 64px
    }
}

@media (min-width:992px) {
    main[role=main].page-play-to-win section.play-to-win .header {
        padding-bottom: 61.33px
    }
}

@media (min-width:1200px) {
    main[role=main].page-play-to-win section.play-to-win .header {
        padding-bottom: 59.33px
    }
}

@media (min-width:1500px) {
    main[role=main].page-play-to-win section.play-to-win .header {
        padding-bottom: 56px
    }
}

main[role=main].page-play-to-win section.play-to-win .header .page-logo {
    height: 100%;
    width: auto
}

main[role=main].page-play-to-win section.play-to-win .header .page-text {
    font-size: 1.125rem;
    letter-spacing: -.04em;
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: 56px;
    max-width: 766px;
    text-align: center
}

@media (min-width:992px) {
    main[role=main].page-play-to-win section.play-to-win .header .page-text {
        font-size: 1.25rem
    }
}

main[role=main].page-play-to-win section.play-to-win .play-container {
    height: 480px;
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-play-to-win section.play-to-win .play-container {
        height: 670px
    }
}

main[role=main].page-play-to-win section.play-to-win .play-container #playBtn {
    bottom: 34px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@media (min-width:992px) {
    main[role=main].page-play-to-win section.play-to-win .play-container #playBtn {
        bottom: 40px
    }
}

main[role=main].page-play-to-win section.play-result {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 80dvh;
    padding-top: 150px;
    z-index: 2
}

main[role=main].page-play-to-win section.play-result .background-texture {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

main[role=main].page-play-to-win section.play-result .result-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform 4s linear;
    z-index: 1
}

main[role=main].page-play-to-win section.play-result .result-container:has(.won) {
    transform: scale(0)
}

main[role=main].page-play-to-win section.play-result .result-container.in {
    transform: scale(1)
}

main[role=main].page-play-to-win section.play-result .result-container>* {
    flex: 1
}

main[role=main].page-play-to-win section.play-result .result-container .result-text {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 480px
}

main[role=main].page-play-to-win section.play-result .result-container .result-text.won {
    max-width: 780px;
    transition-duration: .4s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

main[role=main].page-play-to-win section.play-result .result-container .result-text .title {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -.04em;
    margin-bottom: 0;
    margin-top: 30px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-play-to-win section.play-result .result-container .result-text .title {
        font-size: 3.4375rem
    }
}

main[role=main].page-play-to-win section.play-result .result-container .result-text .text {
    font-size: 1rem;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 16px;
    text-align: center
}

main[role=main].page-play-to-win section.play-result .result-container .result-text a.continue-btn {
    margin-top: 24px
}

main[role=main].corporate-page-homepage {
    padding-top: 0 !important
}

main[role=main].corporate-page-homepage .homepage-slider .container-slider-image {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 0
}

main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .swiper,
main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .swiper-wrapper {
    z-index: 0
}

main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .swiper-slide {
    height: 550px
}

@media (min-width:768px) {
    main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .swiper-slide {
        height: 815px
    }
}

@media (min-width:1200px) {
    main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .swiper-slide {
        height: calc(100dvh - 140px)
    }
}

main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .swiper-slide .slider-text {
    bottom: 74px;
    left: 16px;
    position: absolute;
    z-index: 1
}

@media (min-width:768px) {
    main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .swiper-slide .slider-text {
        left: 46px
    }
}

main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .swiper-slide .slider-text .subtitle {
    margin-bottom: 16px
}

main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .swiper-slide .slider-text .main-title {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-bottom: 0;
    text-transform: uppercase
}

@media (min-width:768px) {
    main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .swiper-slide .slider-text .main-title {
        font-size: 3.4375rem
    }
}

main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .slider-image-container {
    height: 100%;
    position: relative;
    width: 100%
}

main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .plyr {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .swiper-pagination {
    left: 16px;
    width: auto
}

@media (min-width:768px) {
    main[role=main].corporate-page-homepage .homepage-slider .container-slider-image #homepageSwiper .swiper-pagination {
        bottom: 55px;
        left: unset;
        right: 46px
    }
}

main[role=main].corporate-page-homepage section.featured-match {
    background: linear-gradient(180deg, #361e61, #4c298a 30%);
    clip-path: polygon(50% 15px, calc(50% + 15px) 0, 100% 0, 100% 100%, 0 100%, 0 15px);
    margin-top: -15px;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    main[role=main].corporate-page-homepage section.featured-match {
        clip-path: polygon(40% 15px, calc(40% + 15px) 0, 100% 0, 100% 100%, 0 100%, 0 15px)
    }
}

main[role=main].corporate-page-homepage section.featured-match:after {
    background-color: #43257a;
    clip-path: polygon(50% 15px, calc(50% + 15px) 0, 100% 0, 100% 4px, calc(50% + 16px) 4px, 50% 20px, 0 19px, 0 15px);
    content: "";
    height: 19px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media (min-width:768px) {
    main[role=main].corporate-page-homepage section.featured-match:after {
        clip-path: polygon(40% 15px, calc(40% + 15px) 0, 100% 0, 100% 4px, calc(40% + 16px) 4px, 40% 20px, 0 19px, 0 15px)
    }
}

@media (max-width:767.98px) {
    main[role=main].corporate-page-homepage section.featured-match .top-c .highlight-match-wrapper {
        padding-bottom: 15px
    }
}

main[role=main].corporate-page-homepage section.featured-match .top-c .highlight-match-wrapper .team {
    width: 110px
}

@media (min-width:768px) {
    main[role=main].corporate-page-homepage section.featured-match .top-c .highlight-match-wrapper .team {
        width: 170px
    }
}

main[role=main].corporate-page-homepage section.featured-match .top-c .highlight-match-wrapper .team-logo {
    height: 110px;
    width: 110px
}

@media (min-width:768px) {
    main[role=main].corporate-page-homepage section.featured-match .top-c .highlight-match-wrapper .team-logo {
        height: 170px;
        width: 170px
    }
}

main[role=main].corporate-page-homepage .banner-full-width {
    margin-top: 80px
}

@media (min-width:992px) {
    main[role=main].corporate-page-homepage .banner-full-width {
        margin-top: 112px
    }
}

main[role=main].corporate-page-homepage section.mobile-app-promo .marquee-container {
    display: flex;
    overflow: hidden;
    position: relative;
    z-index: 0
}

@media (min-width:768px) {
    main[role=main].corporate-page-homepage section.mobile-app-promo .marquee-container {
        padding-bottom: 56px
    }
}

main[role=main].corporate-page-homepage section.mobile-app-promo .marquee-container .background-texture {
    right: 0;
    top: -180px;
    width: 60%
}

@media (min-width:992px) {
    main[role=main].corporate-page-homepage section.mobile-app-promo .marquee-container .background-texture {
        top: -200px;
        width: 500px
    }
}

main[role=main].corporate-page-homepage section.mobile-app-promo .app-preview-container {
    position: relative
}

main[role=main].corporate-page-homepage section.mobile-app-promo .app-preview-container .image-preview-container {
    clip-path: polygon(calc(15% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 15% 0);
    margin-top: -15px;
    padding-bottom: 179.4872%;
    position: relative
}

@media (min-width:768px) {
    main[role=main].corporate-page-homepage section.mobile-app-promo .app-preview-container .image-preview-container {
        clip-path: polygon(calc(20% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 20% 0);
        height: auto;
        padding-bottom: 55.5556%
    }
    main[role=main].corporate-page-homepage section.mobile-app-promo .app-preview-container .container {
        position: relative
    }
}

main[role=main].corporate-page-homepage section.mobile-app-promo .app-preview-container .container .stores-logo-container {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 72px;
    transform: translateX(-50%);
    width: 100%
}

@media (min-width:768px) {
    main[role=main].corporate-page-homepage section.mobile-app-promo .app-preview-container .container .stores-logo-container {
        bottom: 34px;
        left: 16px;
        top: unset;
        transform: none;
        width: auto
    }
}

main[role=main].corporate-page-homepage section.mobile-app-promo .app-preview-container .container .stores-logo-container .store {
    text-decoration: none
}

main[role=main].corporate-page-homepage section.mobile-app-promo .app-preview-container .container .stores-logo-container .store:not(:first-child) {
    margin-left: 16px
}

@media (max-width:767.98px) {
    main[role=main].corporate-page-homepage section.mobile-app-promo .app-preview-container .container .stores-logo-container .store img {
        height: 46px
    }
}

main[role=main].page-ranking {
    background: inherit
}

main[role=main].page-ranking section.ranking-table {
    overflow: hidden
}

@media (min-width:992px) {
    main[role=main].page-ranking section.ranking-table {
        padding-left: 30px;
        padding-right: 30px
    }
}

main[role=main].page-ranking section.ranking-table .scrollable-table-wrapper {
    display: flex;
    overflow: auto
}

main[role=main].page-ranking .table-inner {
    display: flex;
    flex: 1;
    justify-content: space-between
}

main[role=main].page-ranking .table-inner .cell {
    flex: 0 0 auto;
    font-size: .8125rem;
    text-align: center
}

@media (min-width:768px) {
    main[role=main].page-ranking .table-inner .cell {
        font-size: 1rem
    }
}

main[role=main].page-ranking .table-inner .cell:not(.team-data) {
    padding-left: 2px;
    padding-right: 2px;
    width: 70px
}

@media (min-width:992px) {
    main[role=main].page-ranking .table-inner .cell:not(.team-data) {
        padding-left: 6px;
        padding-right: 6px
    }
}

main[role=main].page-ranking .table-inner .cell.grow {
    flex: 1 1 auto;
    width: auto
}

main[role=main].page-ranking .table-inner .dsk {
    display: none
}

@media (min-width:992px) {
    main[role=main].page-ranking .table-inner .dsk {
        display: block
    }
}

main[role=main].page-ranking .table-inner .mbl {
    display: block
}

@media (min-width:992px) {
    main[role=main].page-ranking .table-inner .mbl {
        display: none
    }
}

main[role=main].page-ranking .table-inner .team-list {
    background: #351f63;
    flex: 1 0 auto;
    left: 0;
    position: sticky
}

@media (max-width:991.98px) {
    main[role=main].page-ranking .table-inner .team-list {
        box-shadow: 2px 0 6px 0 #635585
    }
}

main[role=main].page-ranking .table-inner .team-list .header-spacer {
    height: 40px
}

main[role=main].page-ranking .table-inner .team-list .team-data {
    align-items: center;
    display: flex;
    padding: 0 6px;
    position: relative
}

main[role=main].page-ranking .table-inner .team-list .team-data .tag-color {
    background-color: transparent;
    height: 28px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px
}

main[role=main].page-ranking .table-inner .team-list .team-data .order {
    font-size: .8125rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.4;
    margin-right: 12px;
    padding-left: 4px
}

@media (min-width:768px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .order {
        margin-right: 16px
    }
}

@media (min-width:992px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .order {
        padding-left: 0
    }
}

@media (min-width:576px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .order {
        font-size: .8856rem
    }
}

@media (min-width:768px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .order {
        font-size: .9581rem
    }
}

@media (min-width:992px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .order {
        font-size: 1.0556rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .order {
        font-size: 1.1288rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .order {
        font-size: 1.25rem
    }
}

main[role=main].page-ranking .table-inner .team-list .team-data .team {
    align-items: center;
    display: flex;
    font-size: .8125rem;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.6;
    margin: 0 12px 0 0;
    max-width: 240px;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .team {
        font-size: .9269rem
    }
}

@media (min-width:768px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .team {
        font-size: 1.0419rem
    }
}

@media (min-width:992px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .team {
        font-size: 1.1944rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .team {
        font-size: 1.3088rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .team {
        font-size: 1.5rem
    }
}

@media (min-width:768px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .team {
        margin-right: 64px
    }
}

@media (min-width:992px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .team {
        max-width: 300px
    }
}

@media (min-width:1200px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .team {
        max-width: 560px
    }
}

main[role=main].page-ranking .table-inner .team-list .team-data .team .team-logo {
    margin-right: 12px;
    width: 40px
}

@media (min-width:768px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .team .team-logo {
        width: 45px
    }
}

@media (min-width:1500px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .team .team-logo {
        width: 64px
    }
}

@media (min-width:768px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .team .team-logo {
        margin-right: 16px
    }
}

main[role=main].page-ranking .table-inner .team-list .team-data .filter-tags {
    align-items: center;
    gap: 12px;
    margin-right: 16px
}

@media (min-width:992px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .filter-tags .cup-logo {
        width: 35px
    }
}

@media (min-width:1500px) {
    main[role=main].page-ranking .table-inner .team-list .team-data .filter-tags .cup-logo {
        width: 40px
    }
}

main[role=main].page-ranking .table-inner .team-stats {
    align-items: center;
    display: flex;
    flex-direction: column
}

main[role=main].page-ranking .table-inner .team-stats .stats-header {
    align-items: center;
    color: #009641;
    display: flex;
    font-style: italic;
    font-weight: 600;
    height: 40px;
    letter-spacing: -.04em;
    line-height: 1.5;
    text-transform: uppercase
}

main[role=main].page-ranking .table-inner .team-stats .stats-row {
    align-items: center;
    display: flex
}

main[role=main].page-ranking .table-inner .stats-row,
main[role=main].page-ranking .table-inner .team-data {
    height: 80px
}

@media (min-width:992px) {
    main[role=main].page-ranking .table-inner .stats-row,
    main[role=main].page-ranking .table-inner .team-data {
        height: 110px
    }
}

main[role=main].page-ranking .table-inner .team-list>div,
main[role=main].page-ranking .table-inner .team-stats>div {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

main[role=main].page-match-center {
    padding-top: 0 !important
}

@media (min-width:1200px) {
    main[role=main].page-match-center:has(.match-center-nav-container .tab-pane: first-child.active) .team {
        pointer-events:none;
        position: fixed;
        z-index: 1
    }
}

@media (min-width:1200px) and (min-width:1200px) {
    main[role=main].page-match-center:has(.match-center-nav-container .tab-pane: first-child.active) .team.left {
        left:58px
    }
}

@media (min-width:1200px) and (min-width:1500px) {
    main[role=main].page-match-center:has(.match-center-nav-container .tab-pane: first-child.active) .team.left {
        left:74px
    }
}

@media (min-width:1200px) and (min-width:1200px) {
    main[role=main].page-match-center:has(.match-center-nav-container .tab-pane: first-child.active) .team.right {
        right:58px
    }
}

@media (min-width:1200px) and (min-width:1500px) {
    main[role=main].page-match-center:has(.match-center-nav-container .tab-pane: first-child.active) .team.right {
        right:74px
    }
}

main[role=main].page-match-center .live-audio-wrapper {
    margin-bottom: 56px;
    margin-top: 56px
}

main[role=main].page-match-center .match-summary-container,
main[role=main].page-match-center section.match-result {
    overflow: hidden
}

main[role=main].page-match-center .match-summary-container .background-texture,
main[role=main].page-match-center section.match-result .background-texture {
    height: auto;
    left: 50%;
    max-width: none;
    opacity: .5;
    top: 0;
    transform: translateX(-50%);
    width: 200%
}

@media (min-width:768px) {
    main[role=main].page-match-center .match-summary-container .background-texture,
    main[role=main].page-match-center section.match-result .background-texture {
        top: -20px;
        width: 140%
    }
}

main[role=main].page-match-center section.match-result {
    padding: 166px 24px 20px;
    position: relative
}

@media (min-width:768px) {
    main[role=main].page-match-center section.match-result {
        padding-left: 22px;
        padding-right: 22px
    }
}

@media (min-width:1200px) {
    main[role=main].page-match-center section.match-result {
        padding-left: 42px;
        padding-right: 42px
    }
}

main[role=main].page-match-center section.match-result .highlight-match-wrapper {
    height: 100%;
    padding-top: 0
}

main[role=main].page-match-center .highlight-thumb-container {
    clip-path: polygon(calc(15% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 15% 0);
    margin-top: -15px;
    padding-bottom: 130%;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    main[role=main].page-match-center .highlight-thumb-container {
        padding-bottom: 80%
    }
}

@media (min-width:992px) {
    main[role=main].page-match-center .highlight-thumb-container {
        padding-bottom: 57%
    }
}

@media (min-width:768px) {
    main[role=main].page-match-center .highlight-thumb-container {
        clip-path: polygon(calc(20% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 20% 0)
    }
}

main[role=main].page-match-center .pane-white {
    background-color: #fff
}

main[role=main].page-match-center .match-summary-container {
    padding-bottom: 40px;
    padding-top: 64px;
    position: relative
}

@media (min-width:1200px) {
    main[role=main].page-match-center .match-summary-container {
        padding-top: 80px
    }
}

main[role=main].page-match-center .match-summary-container .container {
    position: relative
}

main[role=main].page-match-center .match-summary-container .background-texture {
    width: 100%
}

main[role=main].page-match-center .match-summary-container .summary-highlights {
    display: flex;
    flex-direction: column;
    margin: 0 auto 40px
}

@media (min-width:1200px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights {
        max-width: calc(100% - 340px)
    }
}

@media (min-width:1500px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights {
        max-width: calc(100% - 480px)
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .summary-text-wrapper {
    border-top: 1px solid #ddd;
    margin-bottom: 34px;
    margin-top: 64px;
    padding-top: 24px;
    text-align: center
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .summary-text-wrapper {
        margin-bottom: 32px;
        margin-top: 80px
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .summary-text-wrapper:first-child {
    margin-top: 0
}

main[role=main].page-match-center .match-summary-container .summary-highlights .summary-text-wrapper .summary-title {
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.15;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .summary-text-wrapper .summary-title {
        font-size: 1.6669rem
    }
}

@media (min-width:768px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .summary-text-wrapper .summary-title {
        font-size: 1.8331rem
    }
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .summary-text-wrapper .summary-title {
        font-size: 2.0556rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .summary-text-wrapper .summary-title {
        font-size: 2.2225rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .summary-text-wrapper .summary-title {
        font-size: 2.5rem
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .summary-text-wrapper .summary-text {
    display: block;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.5;
    margin-bottom: 24px
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .summary-text-wrapper .summary-text {
        font-size: 1rem
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .summary-text-wrapper .clip-separator {
    background-color: hsla(0, 0%, 100%, .8);
    clip-path: polygon(30% 15px, calc(30% + 15px) 0, 100% 0, 100% 1px, calc(30% + 16px) 1px, 30% 17px, 0 17px, 0 15px);
    height: 16px;
    width: 100%
}

main[role=main].page-match-center .match-summary-container .summary-highlights .minutes-wrapper {
    align-items: flex-start;
    display: flex;
    flex: 1;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .minutes-wrapper {
        max-width: 80px
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .minutes-wrapper:after {
    background-color: #fff;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 8px
}

main[role=main].page-match-center .match-summary-container .summary-highlights .minutes-wrapper .minutes {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1
}

main[role=main].page-match-center .match-summary-container .summary-highlights .minutes-wrapper .recovery {
    color: #bde12f;
    font-size: .75rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.5;
    margin-left: 4px
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action {
    margin-top: 30px;
    position: relative;
    width: 80%
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action {
        width: 50%
    }
}

@media (min-width:768px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action {
        margin-top: 48px
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action:first-child {
    margin-top: 0 !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .badge {
    height: 40px;
    position: absolute;
    right: -23px;
    top: -21px;
    transform: rotate(2deg);
    width: 40px
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .badge {
        height: 50px;
        right: -32px;
        top: -28px;
        width: 50px
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .img-outline {
    background: linear-gradient(270deg, #361e61 20.2%, #4c298a 117.18%);
    clip-path: polygon(8px 0, 100% 0, 100% 100%, 0 100%, 0 8px);
    height: calc(100% - 10px);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 10px)
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .img-outline:before {
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .img-outline.background-type-none {
    background: transparent !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .img-outline.background-type-1:before {
    background-image: url(../img/texture-highlight-1.svg)
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .img-outline.background-type-2 {
    background: linear-gradient(270deg, #371f62 -30%, #009641 60%)
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .img-outline.background-type-2:before {
    background-image: url(../img/texture-highlight-1.svg)
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box {
    border-image-repeat: stretch;
    border-image-slice: 42;
    border-style: solid;
    border-width: 24px;
    display: flex;
    flex-direction: column;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box {
        flex-direction: row
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .action-title {
    color: #fff;
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .action-title.yellow {
    color: #bde12f
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .action-title.green {
    color: #009641
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .action-title.red {
    color: #e2241c
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .action-title.gray {
    color: #4e5356
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .text-wrapper {
    flex: 1;
    text-transform: uppercase
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .text-wrapper .outline-label {
    text-stroke: 3px #fff;
    -webkit-text-stroke: 3px #fff;
    color: transparent;
    font-size: 2.5rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.15;
    margin-bottom: 16px
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .text-wrapper .outline-label.yellow {
    text-stroke: 3px #bde12f;
    -webkit-text-stroke: 3px #bde12f
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .text-wrapper .outline-label.green {
    text-stroke: 3px #009641;
    -webkit-text-stroke: 3px #009641
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .text-wrapper .outline-label.red {
    text-stroke: 3px #e2241c;
    -webkit-text-stroke: 3px #e2241c
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .text-wrapper .outline-label.gray {
    text-stroke: 3px #4e5356;
    -webkit-text-stroke: 3px #4e5356
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .text-wrapper .player-name {
    font-size: 1.375rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-bottom: 24px;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .text-wrapper .player-name {
        margin-bottom: 32px
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .text-wrapper .player-name .name {
    display: block;
    font-size: .75rem;
    line-height: 1.5
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .text-wrapper .player-name .icon-substitution {
    left: 0;
    position: absolute;
    top: -5px;
    width: 24px
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .text-wrapper .player-name .icon-substitution {
        left: -36px
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .text-wrapper .action-title {
    font-style: italic
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .text-wrapper .text {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.5;
    text-transform: none
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .player-pic-wrapper {
    display: flex
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .player-pic-wrapper {
        gap: 26px
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .player-pic-wrapper .player-pic {
    bottom: -19px;
    flex: 0 0 auto;
    height: 200px;
    margin-left: auto;
    position: relative;
    width: 160px
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .player-pic-wrapper .player-pic {
        height: 100%;
        margin-left: 0
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .player-pic-wrapper .player-pic .player-number {
    font-size: 4rem;
    font-style: italic;
    font-weight: 700;
    left: -46px;
    letter-spacing: -.04em;
    line-height: 1.1;
    position: absolute;
    top: 8px
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .player-pic-wrapper .player-pic .player-number {
        font-size: 4.5rem
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action .action-box .player-pic-wrapper .player-pic img {
    -o-object-position: 0 50%;
    object-position: 0 50%
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action:not(.away-team).color-1 .action-box {
    border-image-source: url(../img/actions/png/action-outline-c1.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action:not(.away-team).color-2 .action-box {
    border-image-source: url(../img/actions/png/action-outline-c2.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action:not(.away-team).color-3 .action-box {
    border-image-source: url(../img/actions/png/action-outline-c3.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action:not(.away-team).badged .img-outline {
    clip-path: polygon(8px 0, calc(100% - 19px) 0, 100% 20px, 100% 100%, 0 100%, 0 8px)
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action:not(.away-team).badged.color-1 .action-box {
    border-image-source: url(../img/actions/png/action-outline-badged-c1.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action:not(.away-team).badged.color-2 .action-box {
    border-image-source: url(../img/actions/png/action-outline-badged-c2.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action:not(.away-team).badged.color-3 .action-box {
    border-image-source: url(../img/actions/png/action-outline-badged-c3.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team {
    margin-left: auto
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team .badge {
    left: -19px;
    right: unset;
    top: -21px
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team .badge {
        left: -27px;
        top: -29px
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team .img-outline {
    background: linear-gradient(90deg, #361e61 20.2%, #4c298a 117.18%);
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%)
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team .img-outline.background-type-2 {
    background: linear-gradient(90deg, #371f62 -30%, #009641 60%)
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team.color-1 .action-box {
    border-image-source: url(../img/actions/png/action-outline-away-team-c1.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team.color-2 .action-box {
    border-image-source: url(../img/actions/png/action-outline-away-team-c2.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team.color-3 .action-box {
    border-image-source: url(../img/actions/png/action-outline-away-team-c3.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team .action-box {
    text-align: right
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team .action-box .minutes-wrapper {
    justify-content: flex-end
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team .action-box .minutes-wrapper {
        order: 1
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team .action-box .minutes-wrapper:after {
    left: unset;
    right: 0
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team .action-box .player-pic {
    margin-left: 0;
    margin-right: auto
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team .action-box .player-pic {
        margin-right: 0
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team.badged .img-outline {
    clip-path: polygon(23px 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%, 0 22px)
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team.badged.color-1 .action-box {
    border-image-source: url(../img/actions/png/action-outline-away-team-badged-c1.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team.badged.color-2 .action-box {
    border-image-source: url(../img/actions/png/action-outline-away-team-badged-c2.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team.badged.color-3 .action-box {
    border-image-source: url(../img/actions/png/action-outline-away-team-badged-c3.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team.card .action-box {
    border-image-source: url(../img/actions/png/action-outline-away-team-card-yellow.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team.card.red .action-box {
    border-image-source: url(../img/actions/png/action-outline-away-team-card-red.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team.card.badged .action-box {
    border-image-source: url(../img/actions/png/action-outline-away-team-badged-card-yellow.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.away-team.card.badged.red .action-box {
    border-image-source: url(../img/actions/png/action-outline-away-team-badged-card-red.png) !important
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.badged {
    margin-top: 60px
}

@media (min-width:768px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.badged {
        margin-top: 80px
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.goal,
main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.penalty,
main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.simple-goal,
main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution {
    width: 90%
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.goal,
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.penalty,
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.simple-goal,
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution {
        width: 80%
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.card .action-box {
    border-image-source: url(../img/actions/png/action-outline-card-yellow.png)
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.card.red .action-box {
    border-image-source: url(../img/actions/png/action-outline-card-red.png)
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.card.badged .action-box {
    border-image-source: url(../img/actions/png/action-outline-badged-card-yellow.png)
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.card.badged.red .action-box {
    border-image-source: url(../img/actions/png/action-outline-badged-card-red.png)
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.goal .action-box .text-wrapper {
        padding-right: 40px
    }
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.goal.away-team .action-box .text-wrapper {
        padding-left: 40px
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.goal.away-team .action-box .player-pic {
    margin-right: auto
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.goal.away-team .action-box .player-pic {
        margin-right: 0
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.goal.away-team .action-box .player-pic .player-number {
    position: absolute;
    right: -46px;
    top: 28px
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution .action-box .text-wrapper .action-title {
    margin-bottom: 24px
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution .action-box .text-wrapper .action-title {
        margin-bottom: 48px
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution .action-box .text-wrapper .player-name {
    padding-left: 36px
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution .action-box .text-wrapper .player-name {
        padding-left: 0
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution .action-box .player-pic {
    height: 150px;
    width: 88px
}

@media (min-width:768px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution .action-box .player-pic {
        height: 268px;
        width: 160px
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution.away-team .text-wrapper .player-name {
    padding-left: 0;
    padding-right: 36px
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution.away-team .text-wrapper .player-name {
        padding-right: 0
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution.away-team .text-wrapper .icon-substitution {
    left: unset;
    right: 0
}

@media (min-width:992px) {
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution.away-team .text-wrapper .icon-substitution {
        right: -36px
    }
    main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution.away-team .player-pic-wrapper {
        order: -1
    }
}

main[role=main].page-match-center .match-summary-container .summary-highlights .highlight-action.substitution.away-team .player-pic-wrapper .player-number {
    left: unset;
    right: -46px
}

main[role=main].page-match-center .statistics-container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding-bottom: 80px;
    padding-top: 48px
}

@media (min-width:992px) {
    main[role=main].page-match-center .statistics-container {
        max-width: calc(100% - 340px)
    }
}

@media (min-width:1500px) {
    main[role=main].page-match-center .statistics-container {
        max-width: 1000px
    }
}

main[role=main].page-match-center .statistics-container .header {
    letter-spacing: -.04em;
    text-align: center
}

main[role=main].page-match-center .statistics-container .header>span {
    color: #5b28a1;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 800;
    text-transform: uppercase
}

main[role=main].page-match-center .statistics-container .clip-separator {
    background-color: #ddd;
    height: 16px;
    margin-left: -1rem;
    margin-right: -1rem
}

@media (min-width:576px) {
    main[role=main].page-match-center .statistics-container .clip-separator {
        margin-left: -40px;
        margin-right: -40px
    }
}

@media (min-width:768px) {
    main[role=main].page-match-center .statistics-container .clip-separator {
        margin-left: -50px;
        margin-right: -50px
    }
}

main[role=main].page-match-center .statistics-container .clip-separator.start {
    clip-path: polygon(30% 15px, calc(30% + 15px) 0, 100% 0, 100% 1px, calc(30% + 16px) 1px, 30% 16px, 0 16px, 0 15px)
}

main[role=main].page-match-center .statistics-container .clip-separator.end {
    clip-path: polygon(0 0, calc(70% + 1px) 0, calc(70% + 15px) 15px, 100% 15px, 100% 16px, calc(70% + 14px) 16px, 70% 1px, 0 1px);
    margin-top: 32px
}

@media (min-width:768px) {
    main[role=main].page-match-center .statistics-container .clip-separator.end {
        margin-top: 48px
    }
}

main[role=main].page-match-center .statistics-container .clip-separator.center {
    clip-path: polygon(50% 15px, calc(50% + 15px) 0, 100% 0, 100% 1px, calc(50% + 16px) 1px, 50% 16px, 0 16px, 0 15px);
    margin-top: 40px
}

@media (min-width:768px) {
    main[role=main].page-match-center .statistics-container .clip-separator.center {
        margin-top: 56px
    }
}

main[role=main].page-match-center .statistics-container .statistics-match-result {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 32px 0
}

main[role=main].page-match-center .statistics-container .statistics-match-result .team-logo {
    width: 64px
}

main[role=main].page-match-center .statistics-container .statistics-match-result .goals {
    align-items: center;
    display: flex;
    gap: 30px
}

main[role=main].page-match-center .statistics-container .statistics-match-result .goals .goal {
    font-size: 2rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.09em;
    line-height: 1;
    margin-bottom: 0
}

@media (min-width:768px) {
    main[role=main].page-match-center .statistics-container .statistics-match-result .goals .goal {
        font-size: 2.6875rem
    }
}

main[role=main].page-match-center .statistics-container .statistics-match-result .goals .goal:not(.away-team) {
    color: #5b28a1
}

main[role=main].page-match-center .statistics-container .statistics-match-result .goals .team-separator {
    color: #000
}

main[role=main].page-match-center .statistics-container .away-team {
    color: #4e5356
}

main[role=main].page-match-center .statistics-container .statistic-pane {
    color: #5b28a1;
    display: flex;
    flex-direction: column;
    margin-top: 40px
}

@media (min-width:768px) {
    main[role=main].page-match-center .statistics-container .statistic-pane {
        margin-top: 56px
    }
}

main[role=main].page-match-center .statistics-container .statistic-pane .pane-title {
    color: #000;
    font-size: 1rem;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.5;
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    main[role=main].page-match-center .statistics-container .statistic-pane .pane-title {
        margin-bottom: 32px
    }
}

main[role=main].page-match-center .statistics-container .statistic-pane .score {
    flex: 1;
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.1;
    text-align: center
}

@media (min-width:768px) {
    main[role=main].page-match-center .statistics-container .statistic-pane .score {
        font-size: 1.375rem
    }
}

main[role=main].page-match-center .statistics-container .statistic-pane .score.main {
    font-size: 1.5rem
}

@media (min-width:768px) {
    main[role=main].page-match-center .statistics-container .statistic-pane .score.main {
        font-size: 2.5rem
    }
}

main[role=main].page-match-center .statistics-container .statistic-pane .progress-label {
    color: #000;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.4;
    margin-bottom: 4px;
    text-align: center
}

@media (min-width:768px) {
    main[role=main].page-match-center .statistics-container .statistic-pane .progress-label {
        font-size: .9375rem
    }
}

main[role=main].page-match-center .statistics-container .statistic-pane .pane-col {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

main[role=main].page-match-center .statistics-container .statistic-pane .pane-col:last-child .pane-row {
    margin-bottom: 0
}

main[role=main].page-match-center .statistics-container .statistic-pane .gap-spacer {
    gap: 100px
}

@media (max-width:767.98px) {
    main[role=main].page-match-center .statistics-container .statistic-pane .gap-spacer.gap-xs-small {
        gap: 32px
    }
}

main[role=main].page-match-center .statistics-container .statistic-pane .pane-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    width: 100%
}

@media (min-width:768px) {
    main[role=main].page-match-center .statistics-container .statistic-pane .pane-row {
        margin-bottom: 32px
    }
}

main[role=main].page-match-center .statistics-container .statistic-pane .pane-row.main {
    margin-bottom: 56px
}

@media (min-width:768px) {
    main[role=main].page-match-center .statistics-container .statistic-pane .pane-row.main {
        margin-bottom: 70px
    }
}

main[role=main].page-match-center .statistics-container .statistic-pane .pane-row.main>* {
    flex: none
}

@media (min-width:1200px) {
    main[role=main].page-match-center .statistics-container .statistic-pane .pane-row.main>* {
        flex: 1 1 auto
    }
}

main[role=main].page-match-center .statistics-container .statistic-pane .pane-row>.pane-row,
main[role=main].page-match-center .statistics-container .statistic-pane>.pane-row:last-child {
    margin-bottom: 0
}

main[role=main].page-match-center .statistics-container .statistic-pane .pane-title-row .score {
    flex: 1
}

main[role=main].page-match-center .statistics-container .statistic-pane .pane-title-row .pane-title {
    margin: 0
}

main[role=main].page-match-center .formation-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    overflow: auto;
    padding-bottom: 80px;
    padding-top: 48px;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-match-center .formation-container {
        max-width: calc(100% - 340px)
    }
}

@media (min-width:1500px) {
    main[role=main].page-match-center .formation-container {
        max-width: 1000px
    }
}

main[role=main].page-match-center .formation-container .formation-title {
    color: #5b28a1;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    main[role=main].page-match-center .formation-container .formation-title {
        font-size: 2rem
    }
}

main[role=main].page-match-center .formation-container .player-number {
    align-items: center;
    background-color: #5b28a1;
    border-radius: 50%;
    display: flex;
    font-style: italic;
    font-weight: 800;
    justify-content: center;
    line-height: 1
}

main[role=main].page-match-center .formation-container .away-team .player-number {
    background-color: #ede5fc;
    color: #5b28a1
}

main[role=main].page-match-center .formation-container .formation-grid-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    position: relative
}

main[role=main].page-match-center .formation-container .formation-grid-container .formation-team-wrapper {
    bottom: 0;
    display: flex;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

main[role=main].page-match-center .formation-container .formation-grid-container .formation-team-wrapper .side {
    align-items: center;
    display: flex;
    flex: 0 0 50%;
    justify-content: space-around
}

main[role=main].page-match-center .formation-container .formation-grid-container .formation-team-wrapper .side .inner-line {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around
}

main[role=main].page-match-center .formation-container .formation-grid-container .formation-team-wrapper .side .inner-line .player-number {
    font-size: .75rem;
    height: 26px;
    width: 26px
}

@media (min-width:768px) {
    main[role=main].page-match-center .formation-container .formation-grid-container .formation-team-wrapper .side .inner-line .player-number {
        font-size: 1.125rem;
        height: 40px;
        width: 40px
    }
}

main[role=main].page-match-center .formation-container .match-lineup-wrapper {
    width: 100%
}

main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup {
    align-items: flex-start;
    display: flex
}

main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    margin-bottom: 34px;
    padding-bottom: 60px
}

@media (min-width:992px) {
    main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup:not(:last-child) {
        margin-bottom: 66px;
        padding-bottom: 80px
    }
}

main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .side-team {
    display: flex;
    flex: 0 0 50%;
    flex-direction: column
}

main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .side-team.left {
    align-items: flex-start
}

main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .side-team.right {
    align-items: flex-end;
    text-align: right
}

main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .side-team.right .player {
    flex-direction: row-reverse
}

main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .player {
    align-items: center;
    display: flex;
    gap: 12px
}

@media (min-width:768px) {
    main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .player {
        gap: 20px
    }
}

main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .player:not(:last-child) {
    margin-bottom: 12px
}

main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .player .player-number {
    flex: 0 0 auto;
    font-size: .875rem;
    height: 30px;
    width: 30px
}

@media (min-width:768px) {
    main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .player .player-number {
        font-size: 1.25rem;
        height: 50px;
        width: 50px
    }
}

main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .coach {
    margin-top: 46px
}

main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .coach label {
    color: #5b28a1;
    display: block;
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 800;
    line-height: 1.25;
    text-transform: uppercase
}

@media (min-width:768px) {
    main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .coach label {
        font-size: 1.5rem
    }
}

main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .name {
    color: #050505;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25
}

@media (min-width:768px) {
    main[role=main].page-match-center .formation-container .match-lineup-wrapper .match-lineup .name {
        font-size: 1.25rem
    }
}

#statisticsModal {
    z-index: 200
}

#statisticsModal .modal-body-container {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

main[role=main].page-palmares {
    overflow: hidden
}

main[role=main].page-palmares section.column-section-container {
    background-color: transparent
}

main[role=main].page-palmares section.column-section-container .container:after,
main[role=main].page-palmares section.column-section-container .container:before {
    background-color: hsla(0, 0%, 100%, .1)
}

main[role=main].page-palmares section.column-section-container .title-container {
    border-color: hsla(0, 0%, 100%, .1);
    color: #fff
}

main[role=main].page-palmares-details {
    padding-top: 0 !important
}

main[role=main].page-palmares-details .details-container {
    overflow: hidden;
    position: relative
}

main[role=main].page-palmares-details .details-container .background-texture {
    left: 0;
    top: -100px;
    width: 100%
}

@media (max-width:991.98px) {
    main[role=main].page-palmares-details .details-container .background-texture {
        display: none
    }
}

main[role=main].page-palmares-details .details-container .highlight-match-wrapper:not(:first-child) {
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

main[role=main].page-palmares-details .details-container .highlight-match-wrapper .container {
    padding-left: 0;
    padding-right: 0
}

main[role=main].page-palmares-details .details-container .highlight-match-wrapper .team-wrapper {
    justify-content: space-between
}

main[role=main].page-palmares-details .details-container .highlight-match-wrapper .team-wrapper .team-name {
    font-size: .8125rem
}

@media (max-width:767.98px) {
    main[role=main].page-palmares-details .details-container .highlight-match-wrapper .match-info-container .championship,
    main[role=main].page-palmares-details .details-container .highlight-match-wrapper .match-info-container .day,
    main[role=main].page-palmares-details .details-container .highlight-match-wrapper .team-wrapper .team-name {
        display: none
    }
}

main[role=main].page-palmares-details .details-container .details-row {
    border: none
}

main[role=main].page-palmares-details .details-container .details-paragraph {
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

main[role=main].page-directors-board {
    overflow: hidden;
    position: relative
}

main[role=main].page-directors-board .background-texture {
    left: 0;
    top: -100px;
    width: 100%
}

@media (max-width:991.98px) {
    main[role=main].page-directors-board .background-texture {
        display: none
    }
}

main[role=main].page-directors-board section.directors-board-container {
    position: relative
}

main[role=main].page-directors-board section.directors-board-container .header {
    padding-bottom: 130px;
    padding-top: 46px
}

@media (min-width:576px) {
    main[role=main].page-directors-board section.directors-board-container .header {
        padding-top: 51.67px
    }
}

@media (min-width:768px) {
    main[role=main].page-directors-board section.directors-board-container .header {
        padding-top: 57.33px
    }
}

@media (min-width:992px) {
    main[role=main].page-directors-board section.directors-board-container .header {
        padding-top: 64.89px
    }
}

@media (min-width:1200px) {
    main[role=main].page-directors-board section.directors-board-container .header {
        padding-top: 70.56px
    }
}

@media (min-width:1500px) {
    main[role=main].page-directors-board section.directors-board-container .header {
        padding-top: 80px
    }
}

@media (min-width:576px) {
    main[role=main].page-directors-board section.directors-board-container .header {
        padding-bottom: 123.33px
    }
}

@media (min-width:768px) {
    main[role=main].page-directors-board section.directors-board-container .header {
        padding-bottom: 116.67px
    }
}

@media (min-width:992px) {
    main[role=main].page-directors-board section.directors-board-container .header {
        padding-bottom: 107.78px
    }
}

@media (min-width:1200px) {
    main[role=main].page-directors-board section.directors-board-container .header {
        padding-bottom: 101.11px
    }
}

@media (min-width:1500px) {
    main[role=main].page-directors-board section.directors-board-container .header {
        padding-bottom: 90px
    }
}

main[role=main].page-directors-board section.directors-board-container .header .title {
    font-size: 3.75rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1;
    margin: 0;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-directors-board section.directors-board-container .header .title {
        font-size: 4.1144rem
    }
}

@media (min-width:768px) {
    main[role=main].page-directors-board section.directors-board-container .header .title {
        font-size: 4.4794rem
    }
}

@media (min-width:992px) {
    main[role=main].page-directors-board section.directors-board-container .header .title {
        font-size: 4.965rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-directors-board section.directors-board-container .header .title {
        font-size: 5.33rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-directors-board section.directors-board-container .header .title {
        font-size: 5.9375rem
    }
}

@media only screen and (max-width:376px) {
    main[role=main].page-directors-board section.directors-board-container .header .title {
        font-size: 2.875rem
    }
}

@media (min-width:992px) {
    main[role=main].page-directors-board section.directors-board-container .header .title {
        flex: 1 1 50%;
        max-width: 50%
    }
}

main[role=main].page-directors-board section.directors-board-container .directors-list-container {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 48px
}

@media (min-width:992px) {
    main[role=main].page-directors-board section.directors-board-container .directors-list-container {
        row-gap: 112px
    }
}

main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%)
}

@media (max-width:767.98px) {
    main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card {
        width: 100%
    }
}

main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card .container-fluid,
main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card .container-lg,
main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card .container-md,
main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card .container-sm,
main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card .container-xl,
main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card .container-xxl,
main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card .container-xxxl {
    padding: 20px
}

main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card .banner-title {
    display: inline-block;
    word-break: break-all
}

@media (min-width:768px) {
    main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card .banner-title {
        font-size: 2.625rem
    }
}

@media (min-width:992px) {
    main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card .banner-title {
        font-size: 3.375rem
    }
}

main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card .box-lead {
    font-style: italic;
    margin-bottom: 16px
}

main[role=main].page-directors-board section.directors-board-container .directors-list-container .section-card .header {
    margin-left: auto;
    padding: 0
}

main[role=main].page-viola-park {
    padding-top: 0 !important
}

main[role=main].page-viola-park>section:not(:first-child) {
    margin-top: 80px
}

@media (min-width:992px) {
    main[role=main].page-viola-park>section:not(:first-child) {
        margin-top: 110px
    }
}

main[role=main].page-viola-park .init-scroll-anim {
    transition-duration: .3s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:992px) {
    main[role=main].page-viola-park .fade-out {
        opacity: 0;
        visibility: hidden
    }
    main[role=main].page-viola-park .fade-in {
        opacity: 1;
        visibility: visible
    }
    main[role=main].page-viola-park .fixed-article {
        position: fixed;
        top: 50%;
        transform: translateY(-50%)
    }
}

main[role=main].page-viola-park section.viola-park-container {
    margin-top: 0;
    position: relative
}

main[role=main].page-viola-park section.viola-park-container .container {
    padding-top: 110px
}

main[role=main].page-viola-park section.viola-park-container>div:not(.full-width-container) .article-wrapper {
    height: 475px
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container>div:not(.full-width-container) .article-wrapper {
        height: 610px
    }
}

main[role=main].page-viola-park section.viola-park-container .full-width-container {
    margin-top: 40px;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .full-width-container {
        margin-top: 270px;
        padding-left: 30px;
        padding-right: 30px
    }
}

main[role=main].page-viola-park section.viola-park-container .full-width-container .section-row .chapter-title {
    font-style: italic
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .full-width-container .section-row .chapter-title {
        font-size: 48px !important
    }
    main[role=main].page-viola-park section.viola-park-container .anchor-section .article {
        max-width: 100% !important
    }
    main[role=main].page-viola-park section.viola-park-container .anchor-section .chapter-wrapper {
        max-width: calc(40% - 20px) !important
    }
    main[role=main].page-viola-park section.viola-park-container .anchor-section .article-wrapper {
        max-width: calc(60% - 20px) !important
    }
    main[role=main].page-viola-park section.viola-park-container .mbl {
        display: none !important
    }
}

@media (max-width:991.98px) {
    main[role=main].page-viola-park section.viola-park-container .dsk {
        display: none !important
    }
}

main[role=main].page-viola-park section.viola-park-container .header {
    margin-bottom: 48px
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .header {
        gap: 50px;
        margin-bottom: 80px
    }
    main[role=main].page-viola-park section.viola-park-container .header .header-text,
    main[role=main].page-viola-park section.viola-park-container .header .title {
        max-width: 566px
    }
}

main[role=main].page-viola-park section.viola-park-container .header .title {
    font-size: 2.1875rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-viola-park section.viola-park-container .header .title {
        font-size: 2.4894rem
    }
}

@media (min-width:768px) {
    main[role=main].page-viola-park section.viola-park-container .header .title {
        font-size: 2.7919rem
    }
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .header .title {
        font-size: 3.1944rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-viola-park section.viola-park-container .header .title {
        font-size: 3.4963rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-viola-park section.viola-park-container .header .title {
        font-size: 4rem
    }
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .header .title {
        margin-bottom: 0
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row {
        flex-direction: row
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row:not(.header) {
    margin-bottom: 120px
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row:not(.header) {
        margin-bottom: 160px
    }
    main[role=main].page-viola-park section.viola-park-container .section-row:not(.header):last-child {
        margin-bottom: 0
    }
}

@media (max-width:991.98px) {
    main[role=main].page-viola-park section.viola-park-container .section-row:has(.directions-container) {
        margin-bottom: 0
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row .section-paragraph {
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.4;
    margin-bottom: 0
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .section-paragraph {
        font-size: 1.25rem
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row .article-wrapper,
main[role=main].page-viola-park section.viola-park-container .section-row .chapter-wrapper {
    max-width: 100%
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .article-wrapper,
    main[role=main].page-viola-park section.viola-park-container .section-row .chapter-wrapper {
        max-width: calc(50% - 20px)
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row .chapter-wrapper {
    margin-bottom: 48px;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .chapter-wrapper {
        margin-bottom: 0
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row .chapter-wrapper .chapter-title {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.16;
    margin-bottom: 32px;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .chapter-wrapper .chapter-title {
        font-size: 1.75rem
    }
}

@media (min-width:768px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .chapter-wrapper .chapter-title {
        font-size: 2rem
    }
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .chapter-wrapper .chapter-title {
        font-size: 2.3331rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .chapter-wrapper .chapter-title {
        font-size: 2.5831rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .chapter-wrapper .chapter-title {
        font-size: 3rem
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row .chapter-wrapper .chapter-title.heading {
    font-size: 2rem;
    font-style: italic
}

main[role=main].page-viola-park section.viola-park-container .section-row .chapter-subtitle {
    font-size: 1.5rem;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin-bottom: 32px;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .chapter-subtitle {
        margin-bottom: 16px
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row .directions-container {
    padding-bottom: 60px
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .directions-container {
        padding-bottom: 40px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .directions-container {
        border-bottom: 1px solid hsla(0, 0%, 100%, .5);
        margin-top: 60px
    }
    main[role=main].page-viola-park section.viola-park-container .section-row .directions-container:first-child {
        margin-top: 0
    }
    main[role=main].page-viola-park section.viola-park-container .section-row .directions-container:last-of-type {
        margin-bottom: 60px
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row .directions-container a {
    display: inline-block;
    font-size: .8125rem;
    line-height: 1.5;
    margin-top: 24px;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .directions-container a {
        margin-top: 32px
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row .article-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .article-wrapper {
        align-items: flex-end
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row .article-wrapper .article {
    padding-top: 64px;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .article-wrapper .article {
        max-width: 450px;
        padding-top: 120px
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row .article-wrapper .article:first-child {
    padding-top: 0
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .article-wrapper .article:last-child {
        border-bottom: none;
        padding-bottom: 0
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row .article-wrapper .article .image-container {
    height: 475px;
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .article-wrapper .article .image-container {
        height: 610px
    }
}

main[role=main].page-viola-park section.viola-park-container .section-row .article-wrapper .article:has(.section-paragraph) .image-container {
    margin-bottom: 32px
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.viola-park-container .section-row .article-wrapper .article:has(.section-paragraph) .image-container {
        margin-bottom: 26px
    }
}

main[role=main].page-viola-park section.match-dates {
    border-bottom: 1px solid hsla(0, 0%, 100%, .26)
}

@media (min-width:768px) {
    main[role=main].page-viola-park section.match-dates .marquee-big-text {
        margin-bottom: -30px
    }
}

@media (min-width:992px) {
    main[role=main].page-viola-park section.match-dates .marquee-big-text {
        margin-bottom: -36.67px
    }
}

@media (min-width:1200px) {
    main[role=main].page-viola-park section.match-dates .marquee-big-text {
        margin-bottom: -41.67px
    }
}

@media (min-width:1500px) {
    main[role=main].page-viola-park section.match-dates .marquee-big-text {
        margin-bottom: -50px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-viola-park section.match-dates .highlight-match-wrapper container {
        padding: 0 64px
    }
}

main[role=main].page-viola-park section.match-dates .schedule-match-container {
    background: transparent
}

main[role=main].page-viola-park section.match-dates .schedule-match-container .schedule-item {
    border: none
}

main[role=main].page-viola-park section.viola-park-map #violaParkMap {
    height: 900px
}

main[role=main].page-viola-park section.viola-park-map #violaParkMap .gm-style iframe+div {
    border: none !important
}

main[role=main].page-viola-park section.viola-park-map .bottom-gradient {
    bottom: 0;
    height: 0;
    position: sticky;
    transition: bottom .15s cubic-bezier(.165, .84, .44, 1);
    width: 100%;
    z-index: 10
}

main[role=main].page-viola-park section.viola-park-map .bottom-gradient:after {
    background: #351f63;
    bottom: 0;
    content: "";
    display: block;
    height: 24px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

main[role=main].page-viola-park section.viola-park-map .marker-icon {
    position: relative;
    top: 0;
    transform-origin: 50% 100%;
    transition-duration: .2s;
    transition-property: transform, opacity, top, clip-path;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

main[role=main].page-viola-park section.viola-park-map .marker-icon:focus-visible {
    transform: scale(1.2)
}

main[role=main].page-viola-park section.viola-park-map .marker-icon:active {
    transform: scale(1.2)
}

@media (hover:hover) {
    main[role=main].page-viola-park section.viola-park-map .marker-icon:hover {
        transform: scale(1.2)
    }
}

main[role=main].page-viola-park section.viola-park-map .marker-icon.hover {
    transform: scale(1.2)
}

@media (max-width:767.98px) {
    main[role=main].page-viola-park section.viola-park-map .marker-icon {
        outline: none !important
    }
}

main[role=main].page-viola-park section.viola-park-map .marker-icon.details {
    opacity: 0;
    top: 7px;
    transform: scale(1.2);
    transition-duration: .3s
}

main[role=main].page-viola-park section.viola-park-map .marker-icon.details.pan {
    transition-delay: .4s
}

#selectedParkMarkerOverlay {
    display: none;
    height: 70px;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition-duration: 0ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 70px;
    z-index: 220
}

#selectedParkMarkerOverlay.animate {
    display: block;
    opacity: 0;
    transform: scale(.5)
}

#selectedParkMarkerOverlay.in {
    opacity: 1;
    transform: scale(1);
    transition-delay: .1s;
    transition-duration: .4s
}

#selectedParkMarkerOverlay.in.pan {
    transition-delay: .6s
}

#selectedParkMarkerOverlay.out {
    transition-duration: .2s
}

#parkPlaceDetails {
    z-index: 200
}

#parkPlaceDetails.animate .store-panel {
    margin-left: 0;
    opacity: 0;
    transition-duration: .4s;
    transition-property: opacity, margin-left;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:768px) {
    #parkPlaceDetails.animate .store-panel {
        margin-left: -10px
    }
}

#parkPlaceDetails.in .store-panel {
    margin-left: 0;
    opacity: 1;
    transition-delay: .2s
}

#parkPlaceDetails>.container-fluid,
#parkPlaceDetails>.container-lg,
#parkPlaceDetails>.container-md,
#parkPlaceDetails>.container-sm,
#parkPlaceDetails>.container-xl,
#parkPlaceDetails>.container-xxl,
#parkPlaceDetails>.container-xxxl {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    max-width: 2560px;
    position: relative
}

#parkPlaceDetails .store-panel {
    background-color: #5b28a1;
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
    letter-spacing: -.04em;
    max-height: calc(100% - 120px);
    max-width: 100%;
    min-height: 150px;
    overflow-y: auto;
    pointer-events: auto;
    position: absolute;
    width: 320px
}

#parkPlaceDetails .store-panel:not(.js-position) {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#parkPlaceDetails .store-panel:after {
    background-color: #fff;
    bottom: 1px;
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
    content: "";
    display: block;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: -1
}

@media (min-width:992px) {
    #parkPlaceDetails .store-panel {
        width: 342px
    }
}

#parkPlaceDetails .store-panel .container-fluid,
#parkPlaceDetails .store-panel .container-lg,
#parkPlaceDetails .store-panel .container-md,
#parkPlaceDetails .store-panel .container-sm,
#parkPlaceDetails .store-panel .container-xl,
#parkPlaceDetails .store-panel .container-xxl,
#parkPlaceDetails .store-panel .container-xxxl {
    padding: 24px 1rem 25px
}

@media (min-width:992px) {
    #parkPlaceDetails .store-panel .container-fluid,
    #parkPlaceDetails .store-panel .container-lg,
    #parkPlaceDetails .store-panel .container-md,
    #parkPlaceDetails .store-panel .container-sm,
    #parkPlaceDetails .store-panel .container-xl,
    #parkPlaceDetails .store-panel .container-xxl,
    #parkPlaceDetails .store-panel .container-xxxl {
        padding-top: 1rem
    }
}

#parkPlaceDetails .store-panel .os-scrollbar {
    --os-handle-bg: rgba(0, 0, 0, .6)
}

#parkPlaceDetails .header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:992px) {
    #parkPlaceDetails .header {
        padding-right: 20px
    }
}

#parkPlaceDetails .header .image {
    height: 108px;
    position: relative;
    width: 108px
}

@media (min-width:992px) {
    #parkPlaceDetails .header .image {
        height: 80px;
        width: 80px
    }
}

#parkPlaceDetails .header .position {
    color: #54328c;
    font-size: .8125rem;
    font-weight: 600;
    padding-left: 14px;
    text-align: end
}

#parkPlaceDetails .header .position .loading {
    filter: brightness(0) saturate(100%) invert(29%) sepia(45%) saturate(6182%) hue-rotate(141deg) brightness(99%) contrast(101%);
    height: 18px;
    width: auto
}

#parkPlaceDetails .header .position .geolocation-error {
    display: none;
    filter: invert(29%) sepia(45%) saturate(6182%) hue-rotate(141deg) brightness(99%) contrast(101%);
    height: 28px;
    width: auto
}

#parkPlaceDetails .name {
    color: #5b28a1;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.3;
    margin: 24px 0 10px;
    text-transform: uppercase
}

@media (min-width:1200px) {
    #parkPlaceDetails .name {
        font-size: 1.125rem
    }
}

#parkPlaceDetails .description {
    display: flex;
    flex-direction: column;
    font-size: .8125rem;
    font-weight: 600;
    margin: 0
}

@media (min-width:1200px) {
    #parkPlaceDetails .description {
        font-size: 1rem
    }
}

@media (min-width:992px) {
    #parkPlaceDetails .description {
        -moz-column-gap: 8px;
        column-gap: 8px;
        flex-direction: row;
        flex-wrap: wrap
    }
}

#parkPlaceDetails .directions-link {
    color: #5b28a1;
    display: inline-block;
    font-size: .8125rem;
    margin-top: 10px
}

@media (min-width:1200px) {
    #parkPlaceDetails .directions-link {
        font-size: .875rem
    }
}

#parkPlaceDetails .info {
    font-size: .8125rem;
    margin-top: 30px
}

@media (min-width:1200px) {
    #parkPlaceDetails .info {
        font-size: .875rem
    }
}

#parkPlaceDetails .info+.info {
    font-size: .875rem;
    margin-top: 10px
}

#parkPlaceDetails .info a:after {
    background-color: #000
}

main[role=main].page-news {
    background-color: #fff;
    padding-top: 0 !important
}

main[role=main].page-news .clip-separator {
    background-color: #fff;
    clip-path: polygon(calc(50% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 50% 0);
    height: 80px;
    margin-top: -15px;
    width: 100%
}

@media (min-width:768px) {
    main[role=main].page-news .clip-separator {
        height: 110px
    }
}

#newsDetailsModal .modal-panel .header,
#newsDetailsModal .modal-panel .modal-content-wrapper {
    padding: 47px 1rem 30px
}

@media (min-width:576px) {
    #newsDetailsModal .modal-panel .header,
    #newsDetailsModal .modal-panel .modal-content-wrapper {
        padding: 47px 40px 30px
    }
}

@media (min-width:768px) {
    #newsDetailsModal .modal-panel .header,
    #newsDetailsModal .modal-panel .modal-content-wrapper {
        padding: 47px 50px 40px
    }
}

#newsDetailsModal .modal-panel .modal-content-wrapper {
    margin-top: -1px;
    padding-top: 0
}

#newsDetailsModal .modal-panel .header {
    background: linear-gradient(19.83deg, #361e61 65.87%, #4c298a 105.93%);
    color: #fff;
    letter-spacing: -.04em;
    overflow: hidden;
    padding-bottom: 24px;
    position: relative;
    text-transform: uppercase
}

@media (min-width:768px) {
    #newsDetailsModal .modal-panel .header {
        padding-bottom: 40px
    }
}

#newsDetailsModal .modal-panel .header .background-texture {
    left: -320px;
    top: -330px;
    width: 210%;
    z-index: 0
}

@media (min-width:768px) {
    #newsDetailsModal .modal-panel .header .background-texture {
        left: -390px;
        top: -420px;
        width: 180%
    }
}

#newsDetailsModal .modal-panel .header .header-tags {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    position: relative
}

#newsDetailsModal .modal-panel .header .header-tags .news-date {
    font-size: .625rem
}

#newsDetailsModal .modal-panel .header .box-actions {
    align-items: center;
    display: flex;
    gap: 13px
}

#newsDetailsModal .modal-panel .header .box-actions .fav-icon,
#newsDetailsModal .modal-panel .header .box-actions .share-icon {
    filter: invert(100%) sepia(0) saturate(0) hue-rotate(0) brightness(300%) contrast(100%);
    width: 16px
}

#newsDetailsModal .modal-panel .header .box-actions .fav-icon {
    background-image: url(../img/icon-favorite.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 16px
}

#newsDetailsModal .modal-panel .header .box-actions .fav-icon.is-favorite {
    background-image: url(../img/icon-favorite-fill.svg)
}

#newsDetailsModal .modal-panel .header>span {
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1.15;
    position: relative
}

@media (min-width:576px) {
    #newsDetailsModal .modal-panel .header>span {
        font-size: 1.6669rem
    }
}

@media (min-width:768px) {
    #newsDetailsModal .modal-panel .header>span {
        font-size: 1.8331rem
    }
}

@media (min-width:992px) {
    #newsDetailsModal .modal-panel .header>span {
        font-size: 2.0556rem
    }
}

@media (min-width:1200px) {
    #newsDetailsModal .modal-panel .header>span {
        font-size: 2.2225rem
    }
}

@media (min-width:1500px) {
    #newsDetailsModal .modal-panel .header>span {
        font-size: 2.5rem
    }
}

#newsDetailsModal .modal-panel .header .squared-label {
    color: #fff
}

#newsDetailsModal .modal-panel .header .squared-label:before {
    background-color: #fff
}

#newsDetailsModal .modal-body-container {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

#newsDetailsModal .modal-body-container .clip-separator {
    background-color: #ddd;
    height: 16px;
    margin: 15px -1rem 40px
}

@media (min-width:576px) {
    #newsDetailsModal .modal-body-container .clip-separator {
        margin-left: -40px;
        margin-right: -40px
    }
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .clip-separator {
        margin-bottom: 56px;
        margin-left: -50px;
        margin-right: -50px;
        margin-top: 24px
    }
}

#newsDetailsModal .modal-body-container .clip-separator.start {
    clip-path: polygon(30% 15px, calc(30% + 15px) 0, 100% 0, 100% 1px, calc(30% + 16px) 1px, 30% 16px, 0 16px, 0 15px)
}

#newsDetailsModal .modal-body-container .clip-separator.end {
    clip-path: polygon(70% 15px, calc(70% + 15px) 0, 100% 0, 100% 1px, calc(70% + 16px) 1px, 70% 16px, 0 16px, 0 15px);
    margin-top: 32px
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .clip-separator.end {
        margin-top: 48px
    }
}

#newsDetailsModal .modal-body-container .clip-separator.center {
    clip-path: polygon(50% 15px, calc(50% + 15px) 0, 100% 0, 100% 1px, calc(50% + 16px) 1px, 50% 16px, 0 16px, 0 15px);
    margin-top: 40px
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .clip-separator.center {
        margin-top: 56px
    }
}

#newsDetailsModal .modal-body-container .full-width-img-container {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    height: 260px;
    margin-bottom: 64px;
    margin-left: -1rem;
    margin-right: -1rem;
    position: relative
}

@media (min-width:576px) {
    #newsDetailsModal .modal-body-container .full-width-img-container {
        height: 400px
    }
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .full-width-img-container {
        height: 500px;
        margin-bottom: 80px
    }
}

@media (min-width:576px) {
    #newsDetailsModal .modal-body-container .full-width-img-container {
        margin-left: -40px;
        margin-right: -40px
    }
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .full-width-img-container {
        margin-left: -50px;
        margin-right: -50px
    }
}

#newsDetailsModal .modal-body-container .slider-full-width .swiper-slide {
    height: 260px
}

@media (min-width:576px) {
    #newsDetailsModal .modal-body-container .slider-full-width .swiper-slide {
        height: 400px
    }
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .slider-full-width .swiper-slide {
        height: 500px
    }
}

#newsDetailsModal .modal-body-container .slider-full-width .scroll-arrow.scroll-arrow-l {
    left: 16px
}

#newsDetailsModal .modal-body-container .slider-full-width .scroll-arrow.scroll-arrow-r {
    right: 16px
}

#newsDetailsModal .modal-body-container .slider-full-width .scroll-arrow .arrow {
    height: 50px
}

#newsDetailsModal .modal-body-container .single-details-container {
    margin-bottom: 64px
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .single-details-container {
        margin-bottom: 112px
    }
    #newsDetailsModal .modal-body-container .single-details-container.match-time {
        margin-bottom: 80px
    }
}

#newsDetailsModal .modal-body-container .single-details-container:last-child {
    margin-bottom: 0
}

#newsDetailsModal .modal-body-container .single-details-container .highlighter {
    font-weight: 700 !important
}

#newsDetailsModal .modal-body-container .single-details-container .single-content-title {
    color: #5b28a1;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin: 0;
    text-transform: uppercase
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .single-details-container .single-content-title {
        font-size: 1.375rem
    }
}

#newsDetailsModal .modal-body-container .single-details-container .single-content-text {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .single-details-container .single-content-text {
        font-size: 1rem
    }
}

#newsDetailsModal .modal-body-container .single-details-container .single-content-text.subtitle {
    margin-top: 8px
}

#newsDetailsModal .modal-body-container .single-details-container .thumb-container {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    height: 240px;
    margin-top: 56px;
    position: relative
}

@media (min-width:576px) {
    #newsDetailsModal .modal-body-container .single-details-container .thumb-container {
        height: 350px
    }
}

@media (min-width:1200px) {
    #newsDetailsModal .modal-body-container .single-details-container .thumb-container {
        height: 450px
    }
}

#newsDetailsModal .modal-body-container .single-details-container .thumb-container.x-video-embed {
    clip-path: none;
    height: auto;
    margin-bottom: 24px
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .single-details-container .thumb-container.x-video-embed {
        margin-bottom: 32px
    }
}

#newsDetailsModal .modal-body-container .single-details-container .substitution-table {
    background-color: #56358b;
    border-bottom: 1px solid #ddd;
    clip-path: polygon(0 15px, 30% 15px, calc(30% + 15px) 0, 100% 0, 100% 100%, 0 100%);
    display: flex;
    flex-direction: column;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: 8px;
    padding: 55px 1rem 32px
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .single-details-container .substitution-table {
        flex-direction: row;
        padding-bottom: 50px
    }
}

@media (min-width:576px) {
    #newsDetailsModal .modal-body-container .single-details-container .substitution-table {
        margin-left: -40px;
        margin-right: -40px
    }
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .single-details-container .substitution-table {
        margin-left: -50px;
        margin-right: -50px
    }
}

@media (min-width:576px) {
    #newsDetailsModal .modal-body-container .single-details-container .substitution-table {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .single-details-container .substitution-table {
        margin-top: 24px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 70px
    }
}

#newsDetailsModal .modal-body-container .single-details-container .substitution-table .table {
    display: flex;
    flex-basis: 45%;
    flex-direction: column
}

#newsDetailsModal .modal-body-container .single-details-container .substitution-table .table.left {
    border-bottom: 1px solid #ddd;
    padding-bottom: 44px;
    position: relative
}

#newsDetailsModal .modal-body-container .single-details-container .substitution-table .table.left:after {
    background: #56358b url(../img/icon-substitution.svg) no-repeat 50%;
    bottom: 0;
    content: "";
    height: 46px;
    left: 50%;
    padding: 11px;
    position: absolute;
    transform: translate(-50%, 50%) rotate(90deg);
    width: 46px
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .single-details-container .substitution-table .table.left {
        border-bottom: none;
        border-right: 1px solid #ddd;
        padding-bottom: 0;
        padding-right: 80px
    }
    #newsDetailsModal .modal-body-container .single-details-container .substitution-table .table.left:after {
        bottom: auto;
        left: auto;
        right: 0;
        top: 50%;
        transform: translate(50%, -50%)
    }
}

#newsDetailsModal .modal-body-container .single-details-container .substitution-table .table.right {
    padding-top: 44px
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .single-details-container .substitution-table .table.right {
        padding-left: 80px;
        padding-top: 0
    }
}

#newsDetailsModal .modal-body-container .single-details-container .substitution-table .table .cell {
    color: #fff;
    display: flex;
    font-size: .875rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.5;
    margin-bottom: 12px
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .single-details-container .substitution-table .table .cell {
        font-size: 1rem
    }
}

#newsDetailsModal .modal-body-container .single-details-container .substitution-table .table .cell .player-number {
    font-weight: 800;
    margin-right: 10px;
    width: 30px
}

#newsDetailsModal .modal-body-container .single-details-container .substitution-table .table .cell.spacer {
    height: 24px
}

@media (max-width:767.98px) {
    #newsDetailsModal .modal-body-container .single-details-container .substitution-table .table .cell.spacer {
        display: none
    }
}

#newsDetailsModal .modal-body-container .single-details-container .table-notes {
    display: flex;
    flex-direction: column;
    padding-top: 32px
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .single-details-container .table-notes {
        padding-top: 50px
    }
}

#newsDetailsModal .modal-body-container .single-details-container .table-notes .note {
    font-size: .875rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.5
}

@media (min-width:768px) {
    #newsDetailsModal .modal-body-container .single-details-container .table-notes .note {
        font-size: 1rem
    }
}

#newsDetailsModal .modal-body-container .single-details-container .table-notes .note .highlighter {
    color: #5b28a1;
    font-weight: 800 !important;
    text-transform: uppercase
}

#newsDetailsModal .modal-body-container .single-details-container.share-wrapper {
    align-items: center;
    display: flex;
    gap: 32px
}

#newsDetailsModal .modal-body-container .single-details-container.share-wrapper .highlighter {
    color: #5b28a1;
    font-style: italic;
    text-transform: uppercase
}

#newsDetailsModal .modal-body-container .single-details-container.share-wrapper .social-wrapper {
    align-items: center;
    display: flex;
    gap: 11px
}

#newsDetailsModal .modal-body-container .single-details-container.share-wrapper .social-wrapper a {
    text-decoration: none
}

#newsDetailsModal .modal-body-container .single-details-container.share-wrapper .social-wrapper a>img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(19%) saturate(4928%) hue-rotate(240deg) brightness(93%) contrast(90%)
}

main[role=main].page-news-details {
    padding-top: 0 !important
}

main[role=main].page-news-details section.news-details-container {
    background-color: #fff;
    color: #000;
    position: relative
}

main[role=main].page-news-details section.news-details-container .container {
    max-width: 800px;
    padding-bottom: 80px;
    padding-top: 80px
}

@media (min-width:992px) {
    main[role=main].page-news-details section.news-details-container .container {
        padding-bottom: 112px;
        padding-top: 112px
    }
}

main[role=main].page-news-details section.news-details-container .container .social-aside {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 11px;
    height: 0;
    margin-right: -100px;
    position: sticky;
    top: 270px
}

@media (max-width:991.98px) {
    main[role=main].page-news-details section.news-details-container .container .social-aside {
        display: none
    }
}

main[role=main].page-news-details section.news-details-container .container .social-aside a {
    text-decoration: none
}

main[role=main].page-news-details section.news-details-container .container .social-aside a>img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(19%) saturate(4928%) hue-rotate(240deg) brightness(93%) contrast(90%)
}

main[role=main].page-news-details section.news-details-container .container .news-tags {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    position: relative
}

main[role=main].page-news-details section.news-details-container .container .news-tags .news-date {
    font-size: .625rem
}

main[role=main].page-news-details section.news-details-container .container .news-tags .box-actions {
    align-items: center;
    display: flex;
    gap: 13px
}

main[role=main].page-news-details section.news-details-container .container .news-tags .box-actions .fav-icon,
main[role=main].page-news-details section.news-details-container .container .news-tags .box-actions .share-icon {
    width: 16px
}

main[role=main].page-news-details section.news-details-container .container .news-tags .box-actions .fav-icon {
    background-image: url(../img/icon-favorite.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 16px
}

main[role=main].page-news-details section.news-details-container .container .news-tags .box-actions .fav-icon.is-favorite {
    background-image: url(../img/icon-favorite-fill.svg)
}

main[role=main].page-news-details section.news-details-container .container .news-content .clip-separator {
    background-color: #ddd;
    height: 16px;
    margin: 15px -1rem 40px
}

@media (min-width:576px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .clip-separator {
        margin-left: -40px;
        margin-right: -40px
    }
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .clip-separator {
        margin-bottom: 56px;
        margin-left: -50px;
        margin-right: -50px;
        margin-top: 24px
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .clip-separator.start {
    clip-path: polygon(30% 15px, calc(30% + 15px) 0, 100% 0, 100% 1px, calc(30% + 16px) 1px, 30% 16px, 0 16px, 0 15px)
}

main[role=main].page-news-details section.news-details-container .container .news-content .clip-separator.end {
    clip-path: polygon(70% 15px, calc(70% + 15px) 0, 100% 0, 100% 1px, calc(70% + 16px) 1px, 70% 16px, 0 16px, 0 15px);
    margin-top: 32px
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .clip-separator.end {
        margin-top: 48px
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .clip-separator.center {
    clip-path: polygon(50% 15px, calc(50% + 15px) 0, 100% 0, 100% 1px, calc(50% + 16px) 1px, 50% 16px, 0 16px, 0 15px);
    margin-top: 40px
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .clip-separator.center {
        margin-top: 56px
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .article-title {
    color: #5b28a1;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.15;
    margin-bottom: 80px;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .article-title {
        font-size: 2.5rem
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .full-width-img-container {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    height: 260px;
    margin-bottom: 64px;
    margin-left: -1rem;
    margin-right: -1rem;
    position: relative
}

@media (min-width:576px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .full-width-img-container {
        height: 400px
    }
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .full-width-img-container {
        height: 500px;
        margin-bottom: 80px
    }
}

@media (min-width:576px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .full-width-img-container {
        margin-left: -40px;
        margin-right: -40px
    }
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .full-width-img-container {
        margin-left: -50px;
        margin-right: -50px
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .slider-full-width .swiper-slide {
    height: 260px
}

@media (min-width:576px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .slider-full-width .swiper-slide {
        height: 400px
    }
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .slider-full-width .swiper-slide {
        height: 500px
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .slider-full-width .scroll-arrow.scroll-arrow-l {
    left: 16px
}

main[role=main].page-news-details section.news-details-container .container .news-content .slider-full-width .scroll-arrow.scroll-arrow-r {
    right: 16px
}

main[role=main].page-news-details section.news-details-container .container .news-content .slider-full-width .scroll-arrow .arrow {
    height: 50px
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container {
    margin-bottom: 64px
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container {
        margin-bottom: 112px
    }
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container.match-time {
        margin-bottom: 80px
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container:last-child {
    margin-bottom: 0
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .highlighter {
    font-weight: 700 !important
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .single-content-title {
    color: #5b28a1;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin: 0;
    text-transform: uppercase
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .single-content-title {
        font-size: 1.375rem
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .single-content-text {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .single-content-text {
        font-size: 1rem
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .single-content-text.subtitle {
    margin-top: 8px
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .thumb-container {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    height: 240px;
    margin-top: 56px;
    position: relative
}

@media (min-width:576px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .thumb-container {
        height: 350px
    }
}

@media (min-width:1200px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .thumb-container {
        height: 450px
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .thumb-container.x-video-embed {
    clip-path: none;
    height: auto;
    margin-bottom: 24px
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .thumb-container.x-video-embed {
        margin-bottom: 32px
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table {
    background-color: #56358b;
    border-bottom: 1px solid #ddd;
    clip-path: polygon(0 15px, 30% 15px, calc(30% + 15px) 0, 100% 0, 100% 100%, 0 100%);
    display: flex;
    flex-direction: column;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: 8px;
    padding: 55px 1rem 32px
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table {
        flex-direction: row;
        padding-bottom: 50px
    }
}

@media (min-width:576px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table {
        margin-left: -40px;
        margin-right: -40px
    }
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table {
        margin-left: -50px;
        margin-right: -50px
    }
}

@media (min-width:576px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table {
        margin-top: 24px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 70px
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table .table {
    display: flex;
    flex-basis: 45%;
    flex-direction: column
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table .table.left {
    border-bottom: 1px solid #ddd;
    padding-bottom: 44px;
    position: relative
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table .table.left:after {
    background: #8b3582 url(../img/icon-substitution.svg) no-repeat 50%;
    bottom: 0;
    content: "";
    height: 46px;
    left: 50%;
    padding: 11px;
    position: absolute;
    transform: translate(-50%, 50%) rotate(90deg);
    width: 46px
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table .table.left {
        border-bottom: none;
        border-right: 1px solid #ddd;
        padding-bottom: 0;
        padding-right: 80px
    }
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table .table.left:after {
        bottom: auto;
        left: auto;
        right: 0;
        top: 50%;
        transform: translate(50%, -50%)
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table .table.right {
    padding-top: 44px
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table .table.right {
        padding-left: 80px;
        padding-top: 0
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table .table .cell {
    color: #fff;
    display: flex;
    font-size: .875rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.5;
    margin-bottom: 12px
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table .table .cell {
        font-size: 1rem
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table .table .cell .player-number {
    font-weight: 800;
    margin-right: 10px;
    width: 30px
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table .table .cell.spacer {
    height: 24px
}

@media (max-width:767.98px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .substitution-table .table .cell.spacer {
        display: none
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .table-notes {
    display: flex;
    flex-direction: column;
    padding-top: 32px
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .table-notes {
        padding-top: 50px
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .table-notes .note {
    font-size: .875rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.5
}

@media (min-width:768px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .table-notes .note {
        font-size: 1rem
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container .table-notes .note .highlighter {
    color: #5b28a1;
    font-weight: 800 !important;
    text-transform: uppercase
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container.share-wrapper {
    align-items: center;
    display: flex;
    gap: 32px
}

@media (min-width:992px) {
    main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container.share-wrapper {
        display: none
    }
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container.share-wrapper .highlighter {
    color: #5b28a1;
    font-style: italic;
    text-transform: uppercase
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container.share-wrapper .social-wrapper {
    align-items: center;
    display: flex;
    gap: 11px
}

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container.share-wrapper .social-wrapper a {
    text-decoration: none
}
.checked {
    color: orange;
  }

main[role=main].page-news-details section.news-details-container .container .news-content .single-details-container.share-wrapper .social-wrapper a>img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(19%) saturate(4928%) hue-rotate(240deg) brightness(93%) contrast(90%)
}

main[role=main].page-photo-gallery,
main[role=main].page-video-gallery {
    padding-top: 0 !important
}

main[role=main].page-team {
    background: linear-gradient(91deg, #ed07d2 4.59%, rgba(166, 19, 190, .5) 157.86%);
    padding-top: 0 !important
}

@media (min-width:768px) {
    main[role=main].page-team {
        background: ፟፟*+93
        ።#000 linear-gradient(262deg, rgba(166, 19, 190, .5) 4.59%, rgba(166, 19, 190, 0) 77.86%)
    }
}

main[role=main].page-team .gallery-box-container.hover-animation:after {
    background: url(file.png) 30% 10%/130% auto no-repeat, linear-gradient(241.59deg, rgba(166, 19, 190, .5) -10.18%, rgba(166, 19, 190, 0) 73.94%)
}

@media (min-width:1500px) {
    main[role=main].page-team .grid-layout {
        grid-template-columns: repeat(4, 1fr)
    }
}

main[role=main].page-player-details {
    padding-top: 0 !important
}

main[role=main].page-player-details .section-separator {
    background: rgba(0, 0, 0, .2);
    bottom: 15px;
    clip-path: polygon(0 0, 25% 0, calc(25% + 16px) 15px, 100% 15px, 100% 16px, calc(25% + 15px) 16px, 25% 1px, 0 1px);
    height: 16px;
    left: 0;
    position: absolute;
    right: 0
}

@media (min-width:768px) {
    main[role=main].page-player-details .section-separator {
        clip-path: polygon(0 0, 40% 0, calc(40% + 15px) 15px, 100% 15px, 100% 16px, calc(40% + 15px) 16px, 40% 1px, 0 1px)
    }
}

main[role=main].963*page-player-details section.player-intro {
    background: hsl(305°, 100%, 50%);
    height: 648px;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-intro {
        height: 830px
    }
}

main[role=main].page-player-details section.player-intro .top-texture {
    top: -15%
}

main[role=main].page-player-details section.player-intro .middle-texture {
    bottom: -200px;
    left: 50%;
    transform: translateX(-50%);
    width: auto
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-intro .middle-texture {
        bottom: 0;
        left: auto;
        transform: none;
        width: 100%
    }
}

main[role=main].page-player-details section.player-intro:after {
    /* backgrou*nd: linear-gradient(to bottom, #d600f4 transparent 0%, #00002c); */
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.2) 30%, transparent 100%);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

main[role=main].page-player-details section.player-intro .player-info {
    height: 100%;
    position: relative
}

main[role=main].page-player-details section.player-intro .player-info .player-pic {
    bottom: 0;
    height: auto;
    left: 50%;
    max-width: 480px;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-intro .player-info .player-pic {
        max-width: 560px
    }
}

main[role=main].page-player-details section.player-intro .player-info .overlay-container {
    align-items: center;
    bottom: 128px;
    display: flex;
    flex-direction: column;
    left: 50%;
    letter-spacing: -.04em;
    position: absolute;
    text-transform: uppercase;
    transform: translateX(-50%);
    z-index: 2
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-intro .player-info .overlay-container {
        bottom: 80px
    }
}

main[role=main].page-player-details section.player-intro .player-info .overlay-container .player-name {
    font-size: 1.125rem;
    
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 8px
}

main[role=main].page-player-details section.player-intro .player-info .overlay-container .player-name {
    font-size: 1.125rem;
    
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 8px
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-intro .player-info .overlay-container .player-name {
        font-size: 1.375rem;
        font-style: italic;
        font-weight: 700
    }
}

main[role=main].page-player-details section.player-intro .player-info .overlay-container .player-surname {
    font-size: 2.5rem;
    font-weight: 800;
    color: #f203ff;
    line-height: 1.5;
    margin-bottom: 5px
}

@media (min-width:576px) {
    main[role=main].page-player-details section.player-intro .player-info .overlay-container .player-surname {
        font-size: 2.8544rem
    }
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-intro .player-info .overlay-container .player-surname {
        font-size: 3.2081rem
    }
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-intro .player-info .overlay-container .player-surname {
        font-size: 3.6806rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-player-details section.player-intro .player-info .overlay-container .player-surname {
        font-size: 4.035rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-player-details section.player-intro .player-info .overlay-container .player-surname {
        font-size: 4.625rem
    }
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-intro .player-info .overlay-container .player-surname {
        line-height: 1;
        margin-bottom: 24px
    }
}

main[role=main].page-player-details section.player-intro .player-info .overlay-container .player-role {
    font-size: .8125rem;
    font-style: italic;
    font-weight: 600;
    line-height: 1.3
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-intro .player-info .overlay-container .player-role {
        font-size: .9375rem
    }
}

main[role=main].page-player-details section.player-intro .player-info .btn-primary {
    bottom: 56px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-intro .player-info .btn-primary {
        bottom: 50%;
        left: 100%;
        transform: translate(-100%, 50%)
    }
}

main[role=main].page-player-details section.player-intro .player-info .player-number {
    font-family: Bayon, sans-serif;
    font-size: 8.75rem;
    font-weight: 400;
    left: 25%;
    
    line-height: 1;
    margin: 0;
    position: absolute;
    top: 35%;
    transform: translate(-50%, -50%) rotateY(-20deg) rotate(-8deg) rotateX(25deg);
    z-index: 0
}

@media (min-width:576px) {
    main[role=main].page-player-details section.player-intro .player-info .player-number {
        font-size: 10.4169rem
    }
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-intro .player-info .player-number {
        font-size: 12.0831rem
    }
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-intro .player-info .player-number {
        font-size: 14.3056rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-player-details section.player-intro .player-info .player-number {
        font-size: 15.9725rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-player-details section.player-intro .player-info .player-number {
        font-size: 18.75rem
    }
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-intro .player-info .player-number {
        left: 35%;
        top: 40%
    }
}

main[role=main].page-player-details section.player-stats {
    background-color: #fff;
    color: #000;
    display: flex;
    flex-direction: column;
    padding-bottom: 80px;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-stats {
        padding-bottom: 112px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-player-details section.player-stats .mbl-col {
        flex-direction: column !important
    }
    main[role=main].page-player-details section.player-stats .mbl-row {
        flex-direction: row !important
    }
}

main[role=main].page-player-details section.player-stats .row-label,
main[role=main].page-player-details section.player-stats .row-title {
    color: #000;
    font-style: italic;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase
}

main[role=main].page-player-details section.player-stats .row-title {
    font-size: 2rem;
    line-height: 1.15
}

@media (min-width:576px) {
    main[role=main].page-player-details section.player-stats .row-title {
        font-size: 2.0831rem
    }
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-stats .row-title {
        font-size: 2.1669rem
    }
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-stats .row-title {
        font-size: 2.2775rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-player-details section.player-stats .row-title {
        font-size: 2.3613rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-player-details section.player-stats .row-title {
        font-size: 2.5rem
    }
}

main[role=main].page-player-details section.player-stats .row-label {
    font-size: .875rem;
    line-height: 1.5
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-stats .row-label {
        font-size: 1rem
    }
}

main[role=main].page-player-details section.player-stats .highlighter {
    color: #4e5356
}

main[role=main].page-player-details section.player-stats .clip-separator {
    background-color: #ddd;
    height: 16px;
    margin-bottom: 56px
}

main[role=main].page-player-details section.player-stats .clip-separator.start {
    clip-path: polygon(30% 15px, calc(30% + 15px) 0, 100% 0, 100% 1px, calc(30% + 16px) 1px, 30% 16px, 0 16px, 0 15px)
}

main[role=main].page-player-details section.player-stats .clip-separator.end {
    clip-path: polygon(85% 15px, calc(85% + 15px) 0, 100% 0, 100% 1px, calc(85% + 16px) 1px, calc(85% + 1px) 16px, 0 16px, 0 15px)
}

main[role=main].page-player-details section.player-stats .clip-separator.center {
    clip-path: polygon(50% 15px, calc(50% + 15px) 0, 100% 0, 100% 1px, calc(50% + 16px) 1px, 50% 16px, 0 16px, 0 15px)
}

main[role=main].page-player-details section.player-stats .clip-separator.thick {
    background-color: #5b28a1;
    clip-path: polygon(0 0, calc(50% + 3px) 0, calc(50% + 15px) 15px, 100% 15px, 100% 18px, calc(50% + 12px) 18px, 50% 3px, 0 3px);
    height: 18px
}

main[role=main].page-player-details section.player-stats .graphic-stats {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-stats .graphic-stats {
        flex-direction: row
    }
}

main[role=main].page-player-details section.player-stats .graphic-stats .stat-col {
    display: flex;
    flex: 50%;
    flex-direction: column;
    padding: 30px 8px
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .stat-col {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .stat-col {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .stat-col {
        padding-left: 36px;
        padding-right: 36px
    }
}

@media (min-width:1500px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .stat-col {
        padding-left: 72px;
        padding-right: 72px
    }
}

main[role=main].page-player-details section.player-stats .graphic-stats .stat-col:first-child {
    padding-left: 0
}

main[role=main].page-player-details section.player-stats .graphic-stats .stat-col:last-child {
    padding-right: 0
}

main[role=main].page-player-details section.player-stats .graphic-stats .stat-col:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .stat-col:not(:last-child) {
        border-bottom: none;
        border-right: 1px solid rgba(0, 0, 0, .2)
    }
}

main[role=main].page-player-details section.player-stats .graphic-stats .stat-col.tiny-col {
    flex: 0 0 20%
}

@media (max-width:991.98px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .stat-col.tiny-col {
        flex-direction: row;
        justify-content: space-between
    }
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .stat-col.tiny-col .inner-col-row:first-child {
        margin-bottom: 56px
    }
}

main[role=main].page-player-details section.player-stats .graphic-stats .stat-col .inner-col-row {
    display: flex;
    flex-direction: column
}

main[role=main].page-player-details section.player-stats .graphic-stats .score {
    color: #4e5356;
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.1
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .score {
        font-size: 1.375rem
    }
}

main[role=main].page-player-details section.player-stats .graphic-stats .score.t1 {
    font-size: 1.25rem
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .score.t1 {
        font-size: 1.75rem
    }
}

main[role=main].page-player-details section.player-stats .graphic-stats .score.t2 {
    font-size: 1.75rem
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .score.t2 {
        font-size: 2.25rem
    }
}

main[role=main].page-player-details section.player-stats .graphic-stats .score.t3 {
    font-size: 2.25rem
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .score.t3 {
        font-size: 2.75rem
    }
}

main[role=main].page-player-details section.player-stats .graphic-stats .progress-label {
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.4;
    margin-bottom: 4px;
    text-align: center
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .progress-label {
        font-size: .9375rem
    }
}

main[role=main].page-player-details section.player-stats .graphic-stats .pane-col {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

main[role=main].page-player-details section.player-stats .graphic-stats .pane-col:last-child .pane-row {
    margin-bottom: 0
}

main[role=main].page-player-details section.player-stats .graphic-stats .gap-spacer {
    gap: 36px
}

main[role=main].page-player-details section.player-stats .graphic-stats .pane-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    width: 100%
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .pane-row {
        margin-bottom: 32px
    }
}

main[role=main].page-player-details section.player-stats .graphic-stats .pane-row.main {
    margin-bottom: 56px
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .pane-row.main {
        margin-bottom: 70px
    }
}

main[role=main].page-player-details section.player-stats .graphic-stats .pane-row.row-divider {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    margin-bottom: 12px;
    padding-bottom: 12px
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .pane-row.row-divider {
        margin-bottom: 16px;
        padding-bottom: 16px
    }
}

main[role=main].page-player-details section.player-stats .graphic-stats .pane-row.row-divider.main {
    margin-bottom: 28px;
    padding-bottom: 28px
}

@media (min-width:768px) {
    main[role=main].page-player-details section.player-stats .graphic-stats .pane-row.row-divider.main {
        margin-bottom: 35px;
        padding-bottom: 35px
    }
}

main[role=main].page-player-details section.player-stats .graphic-stats .pane-row:last-child,
main[role=main].page-player-details section.player-stats .graphic-stats .pane-row>.pane-row {
    margin-bottom: 0
}

main[role=main].page-player-details section.player-stats .numeric-stats {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    justify-content: center;
    padding-top: 40px
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-stats .numeric-stats {
        padding-top: 56px
    }
}

main[role=main].page-player-details section.player-biography {
    background-color: #fff;
    color: #000;
    padding-bottom: 80px;
    padding-top: 80px;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-biography {
        padding-bottom: 112px;
        padding-top: 112px
    }
}

main[role=main].page-player-details section.player-biography .biography-wrapper {
    margin-bottom: 80px
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-biography .biography-wrapper {
        margin-bottom: 112px
    }
}

main[role=main].page-player-details section.player-biography .biography-wrapper:last-child {
    margin-bottom: 0
}

main[role=main].page-player-details section.player-biography .biography-wrapper .biography-title {
    font-size: 2.1875rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin-bottom: 64px;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-biography .biography-wrapper .biography-title {
        font-size: 4rem;
        margin-bottom: 80px
    }
}

main[role=main].page-player-details section.player-biography .biography-wrapper .bio-row {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    font-size: 1.125rem;
    letter-spacing: -.04em;
    line-height: 1.4;
    margin-bottom: 40px;
    padding-bottom: 40px
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-biography .biography-wrapper .bio-row {
        font-size: 1.25rem;
        margin-bottom: 64px;
        padding-bottom: 64px
    }
}

main[role=main].page-player-details section.player-biography .biography-wrapper .bio-row:last-child {
    margin-bottom: 0
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-biography .biography-wrapper .bio-row {
        flex-direction: row;
        justify-content: space-between
    }
    main[role=main].page-player-details section.player-biography .biography-wrapper .bio-row:last-child {
        border-bottom: none
    }
    main[role=main].page-player-details section.player-biography .biography-wrapper .bio-row .row-text,
    main[role=main].page-player-details section.player-biography .biography-wrapper .bio-row .row-title {
        width: 50%
    }
}

main[role=main].page-player-details section.player-biography .biography-wrapper .bio-row .row-title {
    margin-bottom: 24px;
    max-width: 345px;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-player-details section.player-biography .biography-wrapper .bio-row .row-title {
        margin-bottom: 0
    }
}

main[role=main].page-player-details section.player-biography .biography-wrapper .bio-row .row-text {
    font-weight: 400;
    margin-bottom: 0
}

main[role=main].page-official-app {
    padding-top: 0 !important
}

main[role=main].page-official-app section.page-wrapper {
    background-color: #351f63;
    clip-path: polygon(calc(50% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 50% 0);
    margin-top: -15px;
    overflow: hidden;
    position: relative
}

main[role=main].page-official-app section.page-wrapper .background-texture {
    left: 0;
    opacity: .5;
    top: 0;
    width: 100%
}

@media (max-width:991.98px) {
    main[role=main].page-official-app section.page-wrapper .background-texture {
        display: none
    }
}

main[role=main].page-official-app section.page-wrapper .container {
    padding-bottom: 120px;
    padding-top: 64px;
    position: relative
}

@media (min-width:576px) {
    main[role=main].page-official-app section.page-wrapper .container {
        padding-top: 75.67px
    }
}

@media (min-width:768px) {
    main[role=main].page-official-app section.page-wrapper .container {
        padding-top: 87.33px
    }
}

@media (min-width:992px) {
    main[role=main].page-official-app section.page-wrapper .container {
        padding-top: 102.89px
    }
}

@media (min-width:1200px) {
    main[role=main].page-official-app section.page-wrapper .container {
        padding-top: 114.56px
    }
}

@media (min-width:1500px) {
    main[role=main].page-official-app section.page-wrapper .container {
        padding-top: 134px
    }
}

@media (min-width:576px) {
    main[role=main].page-official-app section.page-wrapper .container {
        padding-bottom: 130px
    }
}

@media (min-width:768px) {
    main[role=main].page-official-app section.page-wrapper .container {
        padding-bottom: 140px
    }
}

@media (min-width:992px) {
    main[role=main].page-official-app section.page-wrapper .container {
        padding-bottom: 153.33px
    }
}

@media (min-width:1200px) {
    main[role=main].page-official-app section.page-wrapper .container {
        padding-bottom: 163.33px
    }
}

@media (min-width:1500px) {
    main[role=main].page-official-app section.page-wrapper .container {
        padding-bottom: 180px
    }
}

main[role=main].page-official-app section.page-wrapper .services-row {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 80px
}

@media (min-width:992px) {
    main[role=main].page-official-app section.page-wrapper .services-row {
        flex-direction: row;
        gap: 130px
    }
    main[role=main].page-official-app section.page-wrapper .services-row.reverse {
        flex-direction: row-reverse
    }
}

main[role=main].page-official-app section.page-wrapper .services-row .card-img-container {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
    height: 478px;
    max-width: 567px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    main[role=main].page-official-app section.page-wrapper .services-row .card-img-container {
        height: 0;
        padding-bottom: 100%
    }
}

@media (min-width:992px) {
    main[role=main].page-official-app section.page-wrapper .services-row .card-img-container {
        padding-bottom: 65%
    }
}

@media (min-width:1500px) {
    main[role=main].page-official-app section.page-wrapper .services-row .card-img-container {
        padding-bottom: 55%
    }
}

main[role=main].page-official-app section.page-wrapper .services-row .iframe-container {
    clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
    width: 100%
}

main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper {
    letter-spacing: -.04em;
    max-width: 440px;
    width: 100%
}

@media (max-width:991.98px) {
    main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper {
        margin-bottom: 56px
    }
}

main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper .card-title {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper .card-title {
        font-size: 2.3331rem
    }
}

@media (min-width:768px) {
    main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper .card-title {
        font-size: 2.6669rem
    }
}

@media (min-width:992px) {
    main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper .card-title {
        font-size: 3.1113rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper .card-title {
        font-size: 3.4444rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper .card-title {
        font-size: 4rem
    }
}

@media (min-width:992px) {
    main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper .card-title {
        margin-bottom: 32px
    }
}

main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper .card-title .label {
    display: block;
    font-style: italic
}

main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper .card-subtitle {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper .card-subtitle {
        font-size: 2rem;
        margin-bottom: 32px
    }
}

main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper .card-text {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.4;
    margin: 0
}

@media (min-width:992px) {
    main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper .card-text {
        font-size: 1.25rem
    }
}

main[role=main].page-official-app section.page-wrapper .services-row .card-text-wrapper .card-text .highlighter {
    font-weight: 700
}

main[role=main].page-official-app section.page-wrapper .stores-wrapper {
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 16px
}

main[role=main].page-official-app section.page-wrapper .stores-wrapper a {
    text-decoration: none
}

main[role=main].page-vote-video .slider-in {
    animation-name: translate-from-top
}

@media (min-width:992px) {
    main[role=main].page-vote-video .slider-in {
        animation-name: translate-from-right
    }
}

main[role=main].page-vote-video .vote-thumb-slider {
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width:992px) {
    main[role=main].page-vote-video .vote-thumb-slider {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:991.98px) {
    main[role=main].page-vote-video .vote-thumb-slider .swiper-wrapper {
        height: auto
    }
}

@media (min-width:992px) {
    main[role=main].page-vote-video .vote-thumb-slider .swiper-wrapper {
        position: absolute;
        top: 50%;
        translate: 0 -28%
    }
}

main[role=main].page-vote-video .vote-thumb-slider .swiper-slide {
    height: 212px;
    width: 340px
}

@media (min-width:992px) {
    main[role=main].page-vote-video .vote-thumb-slider .swiper-slide {
        width: 680px
    }
}

@media (min-width:576px) {
    main[role=main].page-vote-video .vote-thumb-slider .swiper-slide {
        height: 360px
    }
}

@media (min-width:768px) {
    main[role=main].page-vote-video .vote-thumb-slider .swiper-slide {
        height: 480px
    }
}

@media (min-width:992px) {
    main[role=main].page-vote-video .vote-thumb-slider .swiper-slide {
        height: 500px
    }
}

main[role=main].page-vote-video .vote-thumb-slider .swiper-slide .slide-inner {
    padding: 0 4px
}

@media (min-width:992px) {
    main[role=main].page-vote-video .vote-thumb-slider .swiper-slide .slide-inner {
        padding: 20px 0
    }
    main[role=main].page-vote-video .vote-thumb-slider .swiper-slide:not(.swiper-slide-active) .slide-inner {
        transform: scale(.85)
    }
}

main[role=main].page-vote-video .vote-thumb-slider .swiper-slide .plyr,
main[role=main].page-vote-video .vote-thumb-slider .swiper-slide .plyr__video-wrapper {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%)
}

main[role=main].page-vote-video .navigable-swiper-container {
    display: flex;
    height: 100px;
    justify-content: flex-end;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media (min-width:992px) {
    main[role=main].page-vote-video .navigable-swiper-container {
        height: 100%;
        left: auto;
        -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50px, #000 calc(100% - 50px), transparent);
        mask-image: linear-gradient(180deg, transparent 0, #000 50px, #000 calc(100% - 50px), transparent);
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: auto
    }
}

main[role=main].page-vote-video .navigable-swiper-container .swiper-slide .slide-item .image-wrapper .slide-pic-container .icon-play-mini {
    background-color: #fff;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    height: 20px;
    left: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    z-index: 10
}

main[role=main].page-vote-video .navigable-swiper-container .swiper-slide .slide-item .image-wrapper .slide-pic-container .icon-play-mini:after {
    border-color: transparent transparent transparent #5b28a1;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

main[role=main].page-vote-video .vote-form {
    top: min(880px, 100vh - 120px - 130px)
}

@media (min-width:768px) {
    main[role=main].page-vote-video .vote-form {
        top: min(900px, 100vh - 100px - 130px)
    }
}

@media (min-width:992px) {
    main[role=main].page-vote-video .vote-form {
        top: min(760px, 100vh - 240px - 130px)
    }
}

main[role=main].page-vote-jingle .slider-in {
    animation-name: translate-from-top
}

@media (min-width:768px) {
    main[role=main].page-vote-jingle .slider-in {
        animation-name: translate-from-right
    }
}

main[role=main].page-vote-jingle .vote-thumb-slider {
    display: flex;
    justify-content: center;
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width:768px) {
    main[role=main].page-vote-jingle .vote-thumb-slider {
        padding-left: 0;
        padding-right: 0
    }
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-wrapper {
    padding-left: 45px;
    width: 340px
}

@media (min-width:768px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-wrapper {
        width: 456px
    }
}

@media (max-width:767.98px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-wrapper {
        height: auto
    }
}

@media (min-width:768px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-wrapper {
        padding-left: 0;
        top: 50%;
        translate: 0 -28%
    }
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide {
    align-items: center;
    display: flex;
    height: 212px
}

@media (min-width:576px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide {
        height: 360px
    }
}

@media (min-width:768px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide {
        height: 400px
    }
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .media-file-name {
        text-align: center
    }
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide:not(.swiper-slide-active) .slide-inner {
        transform: scale(.85)
    }
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner {
    max-height: 100px;
    padding: 0 6px
}

@media (min-width:576px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner {
        max-height: 120px
    }
}

@media (min-width:768px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner {
        max-height: 200px;
        padding: 20px 0
    }
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline {
    -o-border-image: url(../img/outline-audio.png) 5 fill;
    border-image: url(../img/outline-audio.png) 5 fill;
    border-style: solid;
    border-width: 4px;
    height: 100%;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline {
        border-width: 5px
    }
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline .audio-play-btn {
    background-color: #fff;
    cursor: pointer;
    height: 40px;
    left: -3px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1), visibility .3s cubic-bezier(.165, .84, .44, 1);
    visibility: hidden;
    width: 40px
}

@media (min-width:576px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline .audio-play-btn {
        height: 46px;
        width: 46px
    }
}

@media (min-width:768px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline .audio-play-btn {
        height: 64px;
        left: -4px;
        width: 64px
    }
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline .audio-play-btn:after {
    border-color: transparent transparent transparent #5b28a1;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    content: "";
    height: 11px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:768px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline .audio-play-btn:after {
        border-width: 11px 0 11px 17px;
        height: 18px
    }
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline.playing .audio-play-btn:after {
    border-style: double;
    border-width: 0 0 0 10px
}

@media (min-width:768px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline.playing .audio-play-btn:after {
        border-width: 0 0 0 16px
    }
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline .jingle-container {
    background-color: #5b28a1;
    clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 calc(50% + 29px), 29px 50%, 0 calc(50% - 29px), 0 10px);
    height: 100%;
    padding: 28px 22px 22px 40px;
    position: relative
}

@media (min-width:576px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline .jingle-container {
        clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 calc(50% + 34px), 33px 50%, 0 calc(50% - 34px), 0 11px)
    }
}

@media (min-width:768px) {
    main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline .jingle-container {
        clip-path: polygon(16px 0, 100% 0, 100% 100%, 0 100%, 0 calc(50% + 46px), 46px 50%, 0 calc(50% - 46px), 0 16px);
        padding: 33px 32px 30px 60px
    }
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline .jingle-container .audio-duration-wrapper {
    display: flex;
    justify-content: space-between;
    left: 20px;
    position: absolute;
    right: 16px;
    top: 11px
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline .jingle-container .audio-duration-wrapper .label {
    font-size: .75rem;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.04em;
    text-transform: uppercase
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline .jingle-container .audio-spectrum {
    background-color: #fff;
    height: 100%;
    -webkit-mask: url(../img/audio-spectrum.svg) 0 50%/100% no-repeat;
    mask: url(../img/audio-spectrum.svg) 0 50%/100% no-repeat;
    position: relative
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide .slide-inner .jingle-outline .jingle-container .audio-spectrum .audio-progression {
    background-color: #61f549;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .3s cubic-bezier(.165, .84, .44, 1);
    width: 0
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide.swiper-slide-active .jingle-outline .audio-play-btn {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

main[role=main].page-vote-jingle .vote-thumb-slider .swiper-slide.swiper-slide-active .jingle-outline .jingle-container {
    background-color: #009641
}

main[role=main].page-vote-jingle .navigable-swiper-container {
    display: flex;
    height: 100px;
    justify-content: flex-end;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media (min-width:768px) {
    main[role=main].page-vote-jingle .navigable-swiper-container {
        height: 100%;
        left: auto;
        -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50px, #000 calc(100% - 50px), transparent);
        mask-image: linear-gradient(180deg, transparent 0, #000 50px, #000 calc(100% - 50px), transparent);
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: auto
    }
    main[role=main].page-vote-jingle .navigable-swiper-container .swiper-wrapper {
        width: 160px !important
    }
    main[role=main].page-vote-jingle .navigable-swiper-container .swiper-slide {
        width: auto !important
    }
    main[role=main].page-vote-jingle .navigable-swiper-container .swiper-slide>div {
        height: 76px !important
    }
    main[role=main].page-vote-jingle .navigable-swiper-container .slide-item {
        flex-direction: row !important
    }
    main[role=main].page-vote-jingle .navigable-swiper-container .slide-item .slide-number {
        flex: 1 !important;
        order: unset !important;
        padding-top: 0 !important
    }
    main[role=main].page-vote-jingle .navigable-swiper-container .slide-item .image-wrapper {
        border-left: none !important;
        padding: 12px 13px !important;
        width: 112px !important
    }
}

main[role=main].page-vote-jingle .vote-form {
    top: min(840px, 100vh - 160px - 130px)
}

@media (min-width:768px) {
    main[role=main].page-vote-jingle .vote-form {
        top: min(690px, 100vh - 310px - 130px)
    }
}

@media (min-width:992px) {
    main[role=main].page-vote-jingle .vote-form {
        top: min(760px, 100vh - 240px - 130px)
    }
}

main[role=main].page-faq .background-texture {
    right: 0
}

main[role=main].page-faq .nav-placeholder {
    background: transparent;
    border-color: hsla(0, 0%, 100%, .2);
    border-style: solid;
    border-width: 1px 0
}

main[role=main].page-faq .nav-placeholder .container-nav:not(.sticky-nav) {
    background: transparent
}

main[role=main].page-faq .hidden {
    display: none
}

main[role=main].page-faq .faq-search-wrapper {
    background-color: #5b28a1;
    clip-path: polygon(25px 0, calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, 25px 100%, 0 50%);
    height: 50px;
    margin: 40px auto;
    max-width: 100%;
    position: relative;
    width: 280px
}

@media (min-width:1200px) {
    main[role=main].page-faq .faq-search-wrapper {
        clip-path: polygon(28px 0, calc(100% - 28px) 0, 100% 50%, calc(100% - 28px) 100%, 28px 100%, 0 50%);
        height: 56px;
        width: 450px
    }
}

main[role=main].page-faq .faq-search-wrapper .search-form-control {
    background-color: #fff;
    border: none;
    clip-path: polygon(24.3px 0, calc(100% - 24.3px) 0, 100% 50%, calc(100% - 24.3px) 100%, 24.3px 100%, 0 50%);
    color: #000;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    height: calc(100% - 2px);
    left: 1px;
    letter-spacing: -.04em;
    outline: none;
    padding-left: 48.3px;
    padding-right: 24.3px;
    position: relative;
    top: 1px;
    width: calc(100% - 2px)
}

@media (min-width:1200px) {
    main[role=main].page-faq .faq-search-wrapper .search-form-control {
        clip-path: polygon(27.3px 0, calc(100% - 27.3px) 0, 100% 50%, calc(100% - 27.3px) 100%, 27.3px 100%, 0 50%);
        font-size: 1.0625rem;
        padding-left: 55.3px
    }
}

main[role=main].page-faq .faq-search-wrapper .search-form-control::-webkit-search-cancel-button,
main[role=main].page-faq .faq-search-wrapper .search-form-control::-webkit-search-decoration,
main[role=main].page-faq .faq-search-wrapper .search-form-control::-webkit-search-results-button,
main[role=main].page-faq .faq-search-wrapper .search-form-control::-webkit-search-results-decoration {
    -webkit-appearance: none
}

main[role=main].page-faq .faq-search-wrapper .search-form-control.form-control:focus {
    background-color: #fff
}

main[role=main].page-faq section.faq-container {
    background: linear-gradient(12.69deg, #351f63 45.23%, #4c298a 130%);
    margin-top: 20px;
    position: relative
}

@media (min-width:992px) {
    main[role=main].page-faq section.faq-container {
        margin-top: 80px
    }
}

main[role=main].page-faq section.faq-container .actions-group-container {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    padding-bottom: 64px;
    padding-top: 64px
}

@media (min-width:992px) {
    main[role=main].page-faq section.faq-container .actions-group-container {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

main[role=main].page-faq section.faq-container .actions-group-container.contacts-container {
    display: flex;
    flex-wrap: wrap
}

main[role=main].page-faq section.faq-container .actions-group-container.contacts-container>* {
    flex: 0 1 100%
}

@media (min-width:992px) {
    main[role=main].page-faq section.faq-container .actions-group-container.contacts-container>* {
        flex: 0 1 50%
    }
    main[role=main].page-faq section.faq-container .actions-group-container.contacts-container .group-title {
        margin-top: 0;
        padding-right: 16px
    }
}

main[role=main].page-faq section.faq-container .actions-group-container.contacts-container .contacts {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0
}

@media (min-width:992px) {
    main[role=main].page-faq section.faq-container .actions-group-container.contacts-container .contacts {
        padding-left: 16px
    }
}

main[role=main].page-faq section.faq-container .actions-group-container.contacts-container .contacts .contact-row {
    align-items: flex-start;
    display: flex;
    flex: 0 1 100%;
    flex-direction: column;
    margin-bottom: 24px;
    padding: 0 8px
}

@media (min-width:1500px) {
    main[role=main].page-faq section.faq-container .actions-group-container.contacts-container .contacts .contact-row {
        flex: 0 1 50%
    }
}

@media (min-width:992px) {
    main[role=main].page-faq section.faq-container .actions-group-container.contacts-container .contacts .contact-row {
        margin-bottom: 32px
    }
}

main[role=main].page-faq section.faq-container .actions-group-container.contacts-container .contacts .label {
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px
}

@media (min-width:992px) {
    main[role=main].page-faq section.faq-container .actions-group-container.contacts-container .contacts .label {
        font-size: 1.25rem
    }
}

main[role=main].page-faq section.faq-container .actions-group-container.contacts-container .contacts .value {
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none
}

@media (min-width:992px) {
    main[role=main].page-faq section.faq-container .actions-group-container.contacts-container .contacts .value {
        font-size: 1rem
    }
}

main[role=main].page-faq section.faq-container .actions-group-container.contacts-container .contacts .value:not(:last-child) {
    margin-bottom: 12px
}

main[role=main].page-faq section.faq-container .group-title {
    font-size: 2.5rem;
    letter-spacing: -.04em;
    line-height: 1.12;
    margin-bottom: 40px;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-faq section.faq-container .group-title {
        font-size: 4rem;
        margin-bottom: 80px
    }
}

main[role=main].page-faq section.faq-container .action-wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px
}

@media (min-width:992px) {
    main[role=main].page-faq section.faq-container .action-wrapper {
        row-gap: 32px
    }
}

main[role=main].page-faq section.faq-container .action-wrapper .action-cta-wrapper {
    flex-basis: 100%;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width:992px) {
    main[role=main].page-faq section.faq-container .action-wrapper .action-cta-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width:576px) {
    main[role=main].page-faq section.faq-container .action-wrapper .action-cta-wrapper {
        flex-basis: 50%
    }
}

@media (min-width:992px) {
    main[role=main].page-faq section.faq-container .action-wrapper .action-cta-wrapper {
        flex-basis: 33%
    }
}

@media (min-width:1500px) {
    main[role=main].page-faq section.faq-container .action-wrapper .action-cta-wrapper {
        flex-basis: 25%
    }
}

main[role=main].page-faq section.faq-container .action-wrapper .faq-cta-action {
    align-items: center;
    background-color: #54328c;
    clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
    display: flex;
    font-size: 1.25rem;
    font-weight: 800;
    height: 124px;
    justify-content: center;
    letter-spacing: -.04em;
    line-height: 1.3;
    overflow: hidden;
    padding: 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

@media (min-width:992px) {
    main[role=main].page-faq section.faq-container .action-wrapper .faq-cta-action {
        font-size: 1.5rem
    }
}

@media (min-width:768px) {
    main[role=main].page-faq section.faq-container .action-wrapper .faq-cta-action {
        height: 180px
    }
}

@media (min-width:992px) {
    main[role=main].page-faq section.faq-container .action-wrapper .faq-cta-action {
        padding: 32px
    }
}

main[role=main].page-faq section.faq-container .action-wrapper .faq-cta-action img.background-texture {
    opacity: 0;
    transition-duration: .3s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    visibility: hidden;
    width: 100%;
    z-index: 0
}

main[role=main].page-faq section.faq-container .action-wrapper .faq-cta-action span {
    position: relative
}

main[role=main].page-faq section.faq-container .action-wrapper .faq-cta-action:focus-visible img.background-texture {
    opacity: 1;
    visibility: visible
}

main[role=main].page-faq section.faq-container .action-wrapper .faq-cta-action:active img.background-texture {
    opacity: 1;
    visibility: visible
}

@media (hover:hover) {
    main[role=main].page-faq section.faq-container .action-wrapper .faq-cta-action:hover img.background-texture {
        opacity: 1;
        visibility: visible
    }
}

#faqDetailsModal .modal-panel .modal-content .expansion-item {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 20px 0
}

#faqDetailsModal .modal-panel .modal-content .expansion-item .expansion-title {
    color: #000;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin-bottom: 0;
    padding-right: 60px;
    position: relative
}

@media (min-width:992px) {
    #faqDetailsModal .modal-panel .modal-content .expansion-item .expansion-title {
        font-size: 1.5rem
    }
}

#faqDetailsModal .modal-panel .modal-content .expansion-item p {
    color: #000;
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 24px
}

@media (min-width:992px) {
    #faqDetailsModal .modal-panel .modal-content .expansion-item p {
        font-size: 1rem
    }
}

#faqDetailsModal .modal-panel .modal-content .expansion-item img {
    clip-path: polygon(100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 0);
    margin-top: 40px
}

#faqDetailsModal .modal-panel .modal-content .expansion-item .btn-toggle {
    --bs-btn-color: #000;
    --bs-btn-hover-color: #000;
    --bs-btn-active-color: #000;
    font-size: .8125rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width:1200px) {
    #faqDetailsModal .modal-panel .modal-content .expansion-item .btn-toggle {
        font-size: .875rem
    }
}

#faqDetailsModal .modal-panel .modal-content .expansion-item .btn-toggle span:before {
    content: "+";
    margin-right: 6px
}

#faqDetailsModal .modal-panel .modal-content .expansion-item:has([aria-expanded=true]) .btn-toggle span:before {
    content: "-"
}

#faqDetailsModal .modal-panel .mobile-table {
    border-bottom: 1px solid #ddd;
    padding-bottom: 56px
}

@media (min-width:992px) {
    #faqDetailsModal .modal-panel .mobile-table {
        display: none
    }
}

#faqDetailsModal .modal-panel .mobile-table .table-heading {
    border-bottom: 1px solid #ddd;
    color: #5b28a1;
    font-size: .9375rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.4;
    margin-bottom: 0;
    padding-bottom: 12px
}

#faqDetailsModal .modal-panel .mobile-table .table-row .cell {
    flex-basis: 40%;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 24px
}

#faqDetailsModal .modal-panel .mobile-table .table-row .cell.cell-first {
    flex-basis: 60%
}

#faqDetailsModal .modal-panel .mobile-table .row-spacer {
    margin-bottom: 80px
}

main[role=main].page-men-team {
    background: linear-gradient(91deg, #260e51 4.59%, rgba(166, 19, 190, .5) 157.86%);
    padding-top: 0 !important
}

@media (min-width:992px) {
    main[role=main].page-men-team {
        background: #270d50 linear-gradient(262deg, rgba(166, 19, 190, .5) 4.59%, rgba(166, 19, 190, 0) 77.86%)
    }
}

main[role=main].page-men-team section.men-team {
    overflow: hidden;
    position: relative;
    width: 100%
}

main[role=main].page-men-team section.men-team .team-roles-container {
    padding-bottom: 46px;
    padding-top: 46px
}

@media (min-width:992px) {
    main[role=main].page-men-team section.men-team .team-roles-container {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-men-team section.men-team .team-roles-container {
        max-width: none
    }
}

main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper {
    display: flex;
    flex-direction: column;
    padding-top: 60px
}

@media (min-width:992px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper {
        padding-top: 80px
    }
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .title-wrapper {
        margin-bottom: 24px
    }
}

@media (max-width:991.98px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .title-wrapper {
        align-items: flex-end;
        display: flex;
        justify-content: space-between
    }
}

main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .role {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: .9;
    margin-bottom: 0;
    text-transform: uppercase
}

@media (min-width:576px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .role {
        font-size: 2.3331rem
    }
}

@media (min-width:768px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .role {
        font-size: 2.6669rem
    }
}

@media (min-width:992px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .role {
        font-size: 3.1113rem
    }
}

@media (min-width:1200px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .role {
        font-size: 3.4444rem
    }
}

@media (min-width:1500px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .role {
        font-size: 4rem
    }
}

@media (min-width:992px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .role {
        line-height: 1.1;
        margin-bottom: 24px
    }
}

main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .counter-label {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.1
}

@media (min-width:992px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .counter-label {
        font-size: 1.375rem
    }
}

main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .separator {
    background-color: hsla(0, 0%, 100%, .2);
    height: 1px;
    margin-left: -16px;
    width: 70%
}

@media (max-width:991.98px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .separator {
        margin-bottom: 24px;
        margin-left: 0;
        order: -1;
        width: 100%
    }
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .player-cards-swiper {
        margin-left: 0;
        overflow: visible;
        width: 220px
    }
}

main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .player-cards-swiper .player-cards-container {
    padding-top: 56px
}

@media (min-width:992px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .player-cards-swiper .player-cards-container {
        display: grid;
        gap: 0;
        padding-top: 74px
    }
}

@media (min-width:992px) and (min-width:992px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .player-cards-swiper .player-cards-container {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:992px) and (min-width:1200px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .player-cards-swiper .player-cards-container {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width:992px) and (min-width:1500px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .player-cards-swiper .player-cards-container {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width:992px) and (min-width:2000px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .player-cards-swiper .player-cards-container {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (min-width:992px) {
    main[role=main].page-men-team section.men-team .team-roles-container .role-wrapper .player-cards-swiper .player-cards-container>div {
        display: flex;
        justify-content: center
    }
}

main[role=main].page-ticket-office {
    padding-top: 0 !important
}

@media (min-width:768px) {
    main[role=main].page-ticket-office .marquee-big-text {
        margin-bottom: -30px
    }
}

@media (min-width:992px) {
    main[role=main].page-ticket-office .marquee-big-text {
        margin-bottom: -36.67px
    }
}

@media (min-width:1200px) {
    main[role=main].page-ticket-office .marquee-big-text {
        margin-bottom: -41.67px
    }
}

@media (min-width:1500px) {
    main[role=main].page-ticket-office .marquee-big-text {
        margin-bottom: -50px
    }
}

main[role=main].page-ticket-office section.ticket-office-container {
    background: linear-gradient(0deg, transparent 80%, #000)
}

main[role=main].page-ticket-office-men-team {
    padding-top: 0 !important
}

main[role=main].page-ticket-office-men-team .highlight-match-wrapper.main-match {
    height: 100dvh;
    position: relative
}

main[role=main].page-ticket-office-men-team .highlight-match-wrapper.main-match .black-gradient-from-bottom,
main[role=main].page-ticket-office-men-team .highlight-match-wrapper.main-match .fixed-background {
    position: fixed;
    top: 0
}

main[role=main].page-ticket-office-men-team>section {
    padding-bottom: 80px
}

@media (min-width:992px) {
    main[role=main].page-ticket-office-men-team>section {
        padding-bottom: 112px
    }
}

main[role=main].page-ticket-office-men-team section.ticket-office-team {
    position: relative
}

main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper .highlight-match-wrapper {
    overflow: visible
}

@media (min-width:992px) {
    main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper .team {
        opacity: 0;
        transition-property: transform, width, opacity, visibility;
        visibility: hidden
    }
}

@media (min-width:992px) and (min-width:992px) {
    main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper .team.left {
        transform: translateX(-100%)
    }
}

@media (min-width:992px) and (min-width:1500px) {
    main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper .team.left {
        transform: translateX(-200%)
    }
}

@media (min-width:992px) and (min-width:992px) {
    main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper .team.right {
        transform: translateX(100%)
    }
}

@media (min-width:992px) and (min-width:1500px) {
    main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper .team.right {
        transform: translateX(200%)
    }
}

@media (min-width:992px) {
    main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper .team .team-logo {
        transition-property: width, height
    }
    main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper .team .team-name {
        font-size: .8125rem;
        transition-property: font-size
    }
    main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper .team,
    main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper .team .team-logo,
    main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper .team .team-name {
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(.165, .84, .44, 1)
    }
    main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper.element-in .team {
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
        width: 120px
    }
    main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper.element-in .team .team-logo {
        height: 120px;
        width: 120px
    }
    main[role=main].page-ticket-office-men-team section.ticket-office-team .match-wrapper.element-in .team .team-name {
        font-size: 1.5rem
    }
}

main[role=main].page-experience {
    padding-top: 0 !important
}

main[role=main].page-experience section.column-section-container {
    clip-path: polygon(calc(50% + 15px) 15px, 100% 15px, 100% 100%, 0 100%, 0 0, 50% 0);
    margin-top: -15px;
    padding-top: 100px
}

@media (min-width:992px) {
    main[role=main].page-experience section.column-section-container {
        padding-top: 120px
    }
}

main[role=main].page-experience-details {
    overflow: hidden;
    padding-top: 0 !important;
    position: relative
}

main[role=main].page-experience-details>section {
    position: relative
}

main[role=main].page-experience-details section.experience-details {
    background-color: #fff;
    padding-bottom: 80px;
    padding-top: 80px
}

@media (min-width:992px) {
    main[role=main].page-experience-details section.experience-details {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

main[role=main].page-experience-details section.experience-details .content {
    color: #0c0c0c;
    display: flex;
    flex-direction: column
}

@media (min-width:992px) {
    main[role=main].page-experience-details section.experience-details .content {
        flex-direction: row
    }
}

main[role=main].page-experience-details section.experience-details .content>div {
    width: 100%
}

@media (min-width:992px) {
    main[role=main].page-experience-details section.experience-details .content>div {
        width: 50%
    }
}

main[role=main].page-experience-details section.experience-details .content .title {
    font-size: 1.5rem;
    letter-spacing: -.04em;
    line-height: 1.2;
    margin-bottom: 22px
}

@media (min-width:992px) {
    main[role=main].page-experience-details section.experience-details .content div.description {
        padding-right: 32px
    }
}

main[role=main].page-experience-details section.experience-details .content div.description .text {
    font-size: 1.3125rem;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin-bottom: 50px
}

main[role=main].page-experience-details section.experience-details .content .experience-services {
    margin-top: 54px
}

@media (min-width:992px) {
    main[role=main].page-experience-details section.experience-details .content .experience-services {
        margin-top: 0;
        padding-left: 32px
    }
}

main[role=main].page-experience-details section.experience-details .content .experience-services .services {
    display: flex;
    flex-flow: row wrap;
    gap: 40px;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:1200px) {
    main[role=main].page-experience-details section.experience-details .content .experience-services .services {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:1500px) {
    main[role=main].page-experience-details section.experience-details .content .experience-services .services {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:1200px) {
    main[role=main].page-experience-details section.experience-details .content .experience-services .services {
        gap: 20px
    }
}

@media (min-width:1500px) {
    main[role=main].page-experience-details section.experience-details .content .experience-services .services {
        gap: 50px
    }
}

@media (max-width:575.98px) {
    main[role=main].page-experience-details section.experience-details .content .experience-services .services {
        justify-content: center
    }
}

main[role=main].page-experience-details section.experience-details .content .experience-services .services .service-card {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 120px
}

@media (min-width:992px) {
    main[role=main].page-experience-details section.experience-details .content .experience-services .services .service-card {
        width: 150px
    }
}

main[role=main].page-experience-details section.experience-details .content .experience-services .services .service-card .service-icon {
    width: 30px
}

main[role=main].page-experience-details section.experience-details .content .experience-services .services .service-card label {
    font-size: .875rem;
    letter-spacing: -.04em;
    line-height: 1.4;
    text-align: center
}

main[role=main].page-experience-details section.experience-details .experience-form-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    max-width: 1100px
}

@media (min-width:992px) {
    main[role=main].page-experience-details section.experience-details .experience-form-wrapper {
        margin-top: 150px
    }
}

@media (min-width:1500px) {
    main[role=main].page-experience-details section.experience-details .experience-form-wrapper {
        margin-top: 200px
    }
}

main[role=main].page-experience-details section.experience-details .experience-form-wrapper .form-title {
    color: #0c0c0c;
    font-size: 1.5rem;
    letter-spacing: -.04em;
    margin-bottom: 20px
}

@media (min-width:992px) {
    main[role=main].page-experience-details section.experience-details .experience-form-wrapper .form-title {
        font-size: 2rem
    }
}

main[role=main].page-experience-details section.experience-details .experience-form-wrapper .form-text {
    color: #0c0c0c;
    font-size: 1.3125rem;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin-bottom: 32px
}

main[role=main].page-experience-details section.experience-details .experience-form-wrapper .experience-form {
    background-color: #000;
    clip-path: polygon(0 0, calc(100% - 41px) 0, 100% 41px, 100% 100%, 41px 100%, 0 calc(100% - 41px));
    padding: 1px
}

main[role=main].page-experience-details section.experience-details .experience-form-wrapper .experience-form .form-inner {
    background-color: #fff;
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 40px 100%, 0 calc(100% - 40px));
    padding: 30px 20px
}

@media (min-width:992px) {
    main[role=main].page-experience-details section.experience-details .experience-form-wrapper .experience-form .form-inner {
        padding: 68px 66px 68px 52px
    }
}

@media (max-width:767.98px) {
    main[role=main].page-experience-details section.experience-details .experience-form-wrapper .experience-form {
        clip-path: polygon(0 0, calc(100% - 21px) 0, 100% 21px, 100% 100%, 21px 100%, 0 calc(100% - 21px))
    }
    main[role=main].page-experience-details section.experience-details .experience-form-wrapper .experience-form .form-inner {
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px))
    }
}

main[role=main].page-experience-details section.experience-details .experience-form-wrapper .btn {
    margin-top: 48px
}

@media (min-width:992px) {
    main[role=main].page-experience-details section.experience-details .experience-form-wrapper .btn {
        margin-top: 70px
    }
}